@symphony-talent/component-library 3.73.0 → 3.75.0

package/esm2020/lib/molecules/feedback-card/feedback-card.component.mjs

@@ -15,13 +15,13 @@ export class FeedbackCardComponent {
     }
 }
 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-15 sfx-mb-15\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon\n          *ngIf=\"model.showEditIcon\"\n          class=\"feedback-edit\"\n          [icon]=\"'si-edit'\"\n          [size]=\"'15.5px'\"\n        ></symphony-icon>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\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-paragraph>Yes</symphony-paragraph>\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-paragraph>No</symphony-paragraph>\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-paragraph>Not Now</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-paragraph class=\"sfx-bold\"\n          >Provide Feedback</symphony-paragraph\n        >\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:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\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", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], encapsulation: i0.ViewEncapsulation.None });
+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-15 sfx-mb-15\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon\n          *ngIf=\"model.showEditIcon\"\n          class=\"feedback-edit\"\n          [icon]=\"'si-edit'\"\n          [size]=\"'15.5px'\"\n        ></symphony-icon>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\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-paragraph>Yes</symphony-paragraph>\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-paragraph>No</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'Not Now'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-orange\"\n          [icon]=\"'si-feedback-maybe'\"\n        ></symphony-icon>\n        <symphony-paragraph>Not Now</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-paragraph class=\"sfx-bold\"\n          >Provide Feedback</symphony-paragraph\n        >\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:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\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", "isFontBold"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.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-15 sfx-mb-15\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon\n          *ngIf=\"model.showEditIcon\"\n          class=\"feedback-edit\"\n          [icon]=\"'si-edit'\"\n          [size]=\"'15.5px'\"\n        ></symphony-icon>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\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-paragraph>Yes</symphony-paragraph>\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-paragraph>No</symphony-paragraph>\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-paragraph>Not Now</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-paragraph class=\"sfx-bold\"\n          >Provide Feedback</symphony-paragraph\n        >\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:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"] }]
+            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-15 sfx-mb-15\">\n      <div class=\"card-title\">\n        <symphony-h4>{{ model.title }}</symphony-h4>\n      </div>\n      <div class=\"card-icon\">\n        <symphony-icon\n          *ngIf=\"model.showEditIcon\"\n          class=\"feedback-edit\"\n          [icon]=\"'si-edit'\"\n          [size]=\"'15.5px'\"\n        ></symphony-icon>\n      </div>\n    </div>\n    <div class=\"card-description\" *ngFor=\"let bodyText of model.body\">\n      <symphony-paragraph class=\"sfx-d-block\">\n        {{ bodyText }}\n      </symphony-paragraph>\n    </div>\n    <div class=\"card-footer sfx-d-flex\" [ngSwitch]=\"model.feedbackState\">\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-paragraph>Yes</symphony-paragraph>\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-paragraph>No</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'Not Now'\">\n        <symphony-icon\n          *ngIf=\"model.showFeedbackIcon\"\n          class=\"sfx-mr-10 color-orange\"\n          [icon]=\"'si-feedback-maybe'\"\n        ></symphony-icon>\n        <symphony-paragraph>Not Now</symphony-paragraph>\n      </ng-container>\n\n      <ng-container *ngSwitchCase=\"'None'\">\n        <symphony-paragraph class=\"sfx-bold\"\n          >Provide Feedback</symphony-paragraph\n        >\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:16px}.card-icon{margin-left:auto}.card-icon i{vertical-align:text-top}.card-description p.body-copy-primary{margin:0}.card-footer{margin-top:auto;align-self:flex-end}.card-footer p.body-copy-primary{margin:0;line-height:24px}.card-footer .sfx-bold p{font-family:neuzeit_groteskbold,sans-serif}.color-green{color:#00d56b}.color-red{color:#f0001e}.color-orange{color:#ffa700}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], cardClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9mZWVkYmFjay1jYXJkL2ZlZWRiYWNrLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmVlZGJhY2stY2FyZC9mZWVkYmFjay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBcUIsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7O0FBUTdFLE1BQU0sT0FBTyxxQkFBcUI7SUFRaEM7UUFOVSxjQUFTLEdBQW9DLElBQUksWUFBWSxFQUVwRSxDQUFDO1FBRUosc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7SUFFdkIsQ0FBQztJQUVoQixXQUFXLENBQUMsVUFBVTtRQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7a0hBWlUscUJBQXFCO3NHQUFyQixxQkFBcUIsK0hDaEJsQywrNERBd0RBOzJGRHhDYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0Usd0JBQXdCLGlCQUduQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmVlZGJhY2tDYXJkTW9kZWwsIEZlZWRiYWNrQ2FyZFN0YXRlIH0gZnJvbSAnLi9mZWVkYmFjay1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBGZWVkYmFja0NhcmRNb2RlbDtcbiAgQE91dHB1dCgpIGNhcmRDbGljazogRXZlbnRFbWl0dGVyPEZlZWRiYWNrQ2FyZE1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8XG4gICAgRmVlZGJhY2tDYXJkTW9kZWxcbiAgPigpO1xuXG4gIEZlZWRiYWNrQ2FyZFN0YXRlID0gRmVlZGJhY2tDYXJkU3RhdGU7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2FyZENsaWNrKGNsaWNrRXZlbnQpIHtcbiAgICB0aGlzLmNhcmRDbGljay5lbWl0KHRoaXMubW9kZWwpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibW9kZWxcIiAoY2xpY2spPVwib25DYXJkQ2xpY2soJGV2ZW50KVwiIGNsYXNzPVwiY2FyZC1pdGVtLXdyYXBwZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNhcmQtaXRlbSBzZngtZC1mbGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4IHNmeC1wYi0xNSBzZngtbWItMTVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXRpdGxlXCI+XG4gICAgICAgIDxzeW1waG9ueS1oND57eyBtb2RlbC50aXRsZSB9fTwvc3ltcGhvbnktaDQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWljb25cIj5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICAqbmdJZj1cIm1vZGVsLnNob3dFZGl0SWNvblwiXG4gICAgICAgICAgY2xhc3M9XCJmZWVkYmFjay1lZGl0XCJcbiAgICAgICAgICBbaWNvbl09XCInc2ktZWRpdCdcIlxuICAgICAgICAgIFtzaXplXT1cIicxNS41cHgnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCIgKm5nRm9yPVwibGV0IGJvZHlUZXh0IG9mIG1vZGVsLmJvZHlcIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJzZngtZC1ibG9ja1wiPlxuICAgICAgICB7eyBib2R5VGV4dCB9fVxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtZm9vdGVyIHNmeC1kLWZsZXhcIiBbbmdTd2l0Y2hdPVwibW9kZWwuZmVlZGJhY2tTdGF0ZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ1llcydcIj5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICAqbmdJZj1cIm1vZGVsLnNob3dGZWVkYmFja0ljb25cIlxuICAgICAgICAgIGNsYXNzPVwic2Z4LW1yLTEwIGNvbG9yLWdyZWVuXCJcbiAgICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2steWVzJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+WWVzPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ05vJ1wiPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgICpuZ0lmPVwibW9kZWwuc2hvd0ZlZWRiYWNrSWNvblwiXG4gICAgICAgICAgY2xhc3M9XCJzZngtbXItMTAgY29sb3ItcmVkXCJcbiAgICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2stbm8nXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaD5Obzwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidOb3ROb3cnXCI+XG4gICAgICAgIDxzeW1waG9ueS1pY29uXG4gICAgICAgICAgKm5nSWY9XCJtb2RlbC5zaG93RmVlZGJhY2tJY29uXCJcbiAgICAgICAgICBjbGFzcz1cInNmeC1tci0xMCBjb2xvci1vcmFuZ2VcIlxuICAgICAgICAgIFtpY29uXT1cIidzaS1mZWVkYmFjay1tYXliZSdcIlxuICAgICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgICA8c3ltcGhvbnktcGFyYWdyYXBoPk5vdCBOb3c8L3N5bXBob255LXBhcmFncmFwaD5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInTm9uZSdcIj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInNmeC1ib2xkXCJcbiAgICAgICAgICA+UHJvdmlkZSBGZWVkYmFjazwvc3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9mZWVkYmFjay1jYXJkL2ZlZWRiYWNrLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvZmVlZGJhY2stY2FyZC9mZWVkYmFjay1jYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBQ1osaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBcUIsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7O0FBUTdFLE1BQU0sT0FBTyxxQkFBcUI7SUFRaEM7UUFOVSxjQUFTLEdBQW9DLElBQUksWUFBWSxFQUVwRSxDQUFDO1FBRUosc0JBQWlCLEdBQUcsaUJBQWlCLENBQUM7SUFFdkIsQ0FBQztJQUVoQixXQUFXLENBQUMsVUFBVTtRQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEMsQ0FBQzs7a0hBWlUscUJBQXFCO3NHQUFyQixxQkFBcUIsK0hDaEJsQyxnNURBd0RBOzJGRHhDYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0Usd0JBQXdCLGlCQUduQixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgT25Jbml0LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBFdmVudEVtaXR0ZXIsXG4gIFZpZXdFbmNhcHN1bGF0aW9uXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmVlZGJhY2tDYXJkTW9kZWwsIEZlZWRiYWNrQ2FyZFN0YXRlIH0gZnJvbSAnLi9mZWVkYmFjay1jYXJkLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stY2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9mZWVkYmFjay1jYXJkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZmVlZGJhY2stY2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrQ2FyZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBGZWVkYmFja0NhcmRNb2RlbDtcbiAgQE91dHB1dCgpIGNhcmRDbGljazogRXZlbnRFbWl0dGVyPEZlZWRiYWNrQ2FyZE1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8XG4gICAgRmVlZGJhY2tDYXJkTW9kZWxcbiAgPigpO1xuXG4gIEZlZWRiYWNrQ2FyZFN0YXRlID0gRmVlZGJhY2tDYXJkU3RhdGU7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2FyZENsaWNrKGNsaWNrRXZlbnQpIHtcbiAgICB0aGlzLmNhcmRDbGljay5lbWl0KHRoaXMubW9kZWwpO1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwibW9kZWxcIiAoY2xpY2spPVwib25DYXJkQ2xpY2soJGV2ZW50KVwiIGNsYXNzPVwiY2FyZC1pdGVtLXdyYXBwZXJcIj5cbiAgPGRpdiBjbGFzcz1cImNhcmQtaXRlbSBzZngtZC1mbGV4XCI+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtdGl0bGUtd3JhcCBzZngtZC1mbGV4IHNmeC1wYi0xNSBzZngtbWItMTVcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLXRpdGxlXCI+XG4gICAgICAgIDxzeW1waG9ueS1oND57eyBtb2RlbC50aXRsZSB9fTwvc3ltcGhvbnktaDQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWljb25cIj5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICAqbmdJZj1cIm1vZGVsLnNob3dFZGl0SWNvblwiXG4gICAgICAgICAgY2xhc3M9XCJmZWVkYmFjay1lZGl0XCJcbiAgICAgICAgICBbaWNvbl09XCInc2ktZWRpdCdcIlxuICAgICAgICAgIFtzaXplXT1cIicxNS41cHgnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWRlc2NyaXB0aW9uXCIgKm5nRm9yPVwibGV0IGJvZHlUZXh0IG9mIG1vZGVsLmJvZHlcIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJzZngtZC1ibG9ja1wiPlxuICAgICAgICB7eyBib2R5VGV4dCB9fVxuICAgICAgPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNhcmQtZm9vdGVyIHNmeC1kLWZsZXhcIiBbbmdTd2l0Y2hdPVwibW9kZWwuZmVlZGJhY2tTdGF0ZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ1llcydcIj5cbiAgICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgICAqbmdJZj1cIm1vZGVsLnNob3dGZWVkYmFja0ljb25cIlxuICAgICAgICAgIGNsYXNzPVwic2Z4LW1yLTEwIGNvbG9yLWdyZWVuXCJcbiAgICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2steWVzJ1wiXG4gICAgICAgID48L3N5bXBob255LWljb24+XG4gICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGg+WWVzPC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ05vJ1wiPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgICpuZ0lmPVwibW9kZWwuc2hvd0ZlZWRiYWNrSWNvblwiXG4gICAgICAgICAgY2xhc3M9XCJzZngtbXItMTAgY29sb3ItcmVkXCJcbiAgICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2stbm8nXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaD5Obzwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIidOb3QgTm93J1wiPlxuICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgICpuZ0lmPVwibW9kZWwuc2hvd0ZlZWRiYWNrSWNvblwiXG4gICAgICAgICAgY2xhc3M9XCJzZngtbXItMTAgY29sb3Itb3JhbmdlXCJcbiAgICAgICAgICBbaWNvbl09XCInc2ktZmVlZGJhY2stbWF5YmUnXCJcbiAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgPHN5bXBob255LXBhcmFncmFwaD5Ob3QgTm93PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ05vbmUnXCI+XG4gICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJzZngtYm9sZFwiXG4gICAgICAgICAgPlByb3ZpZGUgRmVlZGJhY2s8L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgICA+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/molecules/feedback-card/feedback-card.model.mjs

@@ -3,6 +3,6 @@ export var FeedbackCardState;
     FeedbackCardState["None"] = "None";
     FeedbackCardState["Yes"] = "Yes";
     FeedbackCardState["No"] = "No";
-    FeedbackCardState["NotNow"] = "NotNow";
+    FeedbackCardState["NotNow"] = "Not Now";
 })(FeedbackCardState || (FeedbackCardState = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stY2FyZC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2ZlZWRiYWNrLWNhcmQvZmVlZGJhY2stY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQSxNQUFNLENBQU4sSUFBWSxpQkFLWDtBQUxELFdBQVksaUJBQWlCO0lBQzNCLGtDQUFhLENBQUE7SUFDYixnQ0FBVyxDQUFBO0lBQ1gsOEJBQVMsQ0FBQTtJQUNULHNDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFMVyxpQkFBaUIsS0FBakIsaUJBQWlCLFFBSzVCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBGZWVkYmFja0NhcmRNb2RlbCB7XG4gIGlkZW50aWZpZXI/OiBudW1iZXI7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGJvZHk6IHN0cmluZ1tdO1xuICBmZWVkYmFja1N0YXRlOiBGZWVkYmFja0NhcmRTdGF0ZTtcbiAgc2hvd0VkaXRJY29uOiBib29sZWFuO1xuICBzaG93RmVlZGJhY2tJY29uOiBib29sZWFuO1xufVxuXG5leHBvcnQgZW51bSBGZWVkYmFja0NhcmRTdGF0ZSB7XG4gIE5vbmUgPSAnTm9uZScsXG4gIFllcyA9ICdZZXMnLFxuICBObyA9ICdObycsXG4gIE5vdE5vdyA9ICdOb3ROb3cnXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stY2FyZC5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2ZlZWRiYWNrLWNhcmQvZmVlZGJhY2stY2FyZC5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTQSxNQUFNLENBQU4sSUFBWSxpQkFLWDtBQUxELFdBQVksaUJBQWlCO0lBQzNCLGtDQUFhLENBQUE7SUFDYixnQ0FBVyxDQUFBO0lBQ1gsOEJBQVMsQ0FBQTtJQUNULHVDQUFrQixDQUFBO0FBQ3BCLENBQUMsRUFMVyxpQkFBaUIsS0FBakIsaUJBQWlCLFFBSzVCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBGZWVkYmFja0NhcmRNb2RlbCB7XG4gIGlkZW50aWZpZXI/OiBudW1iZXI7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGJvZHk6IHN0cmluZ1tdO1xuICBmZWVkYmFja1N0YXRlOiBGZWVkYmFja0NhcmRTdGF0ZTtcbiAgc2hvd0VkaXRJY29uOiBib29sZWFuO1xuICBzaG93RmVlZGJhY2tJY29uOiBib29sZWFuO1xufVxuXG5leHBvcnQgZW51bSBGZWVkYmFja0NhcmRTdGF0ZSB7XG4gIE5vbmUgPSAnTm9uZScsXG4gIFllcyA9ICdZZXMnLFxuICBObyA9ICdObycsXG4gIE5vdE5vdyA9ICdOb3QgTm93J1xufVxuIl19

package/esm2020/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.component.mjs

@@ -5,19 +5,17 @@ import * as i2 from "../../molecules/sfx-accordion-header/sfx-accordion-header.c
 import * as i3 from "../../molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.component";
 import * as i4 from "../../molecules/feedback-candidate-education/feedback-candidate-education.component";
 import * as i5 from "../../molecules/feedback-candidate-certifications/feedback-candidate-certifications.component";
+import * as i6 from "../../atoms/paragraph/paragraph.component";
+import * as i7 from "@angular/common";
 export class FeedbackDetailCandidateInfoComponent {
     constructor() { }
 }
 FeedbackDetailCandidateInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { historyList: "historyList", educationList: "educationList", certificationList: "certificationList" }, ngImport: i0, template: "<accordion>\n  <accordion-group [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      [heading]=\"'Work History'\"\n    ></symphony-sfx-accordion-header>\n    <symphony-feedback-candidate-workhistory\n      [workHistories]=\"historyList\"\n    ></symphony-feedback-candidate-workhistory>\n  </accordion-group>\n\n  <accordion-group [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      [heading]=\"'Education'\"\n    ></symphony-sfx-accordion-header>\n    <symphony-feedback-candidate-education\n      [educationHistories]=\"educationList\"\n    ></symphony-feedback-candidate-education>\n  </accordion-group>\n\n  <accordion-group [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      [heading]=\"'Certifications'\"\n    ></symphony-sfx-accordion-header>\n    <symphony-feedback-candidate-certifications\n      [certificationHistories]=\"certificationList\"\n    ></symphony-feedback-candidate-certifications>\n  </accordion-group>\n</accordion>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: i2.SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: i3.FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: i4.FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: i5.FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }], encapsulation: i0.ViewEncapsulation.None });
+FeedbackDetailCandidateInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: { model: "model" }, ngImport: i0, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"], components: [{ type: i1.AccordionComponent, selector: "accordion", inputs: ["isAnimated", "closeOthers"] }, { type: i1.AccordionPanelComponent, selector: "accordion-group, accordion-panel", inputs: ["isOpen", "panelClass", "heading", "isDisabled"], outputs: ["isOpenChange"] }, { type: i2.SfxAccordionHeaderComponent, selector: "symphony-sfx-accordion-header", inputs: ["heading"] }, { type: i3.FeedbackCandidateWorkHistoryComponent, selector: "symphony-feedback-candidate-workhistory", inputs: ["workHistories"] }, { type: i4.FeedbackCandidateEducationComponent, selector: "symphony-feedback-candidate-education", inputs: ["educationHistories"] }, { type: i5.FeedbackCandidateCertificationsComponent, selector: "symphony-feedback-candidate-certifications", inputs: ["certificationHistories"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      [heading]=\"'Work History'\"\n    ></symphony-sfx-accordion-header>\n    <symphony-feedback-candidate-workhistory\n      [workHistories]=\"historyList\"\n    ></symphony-feedback-candidate-workhistory>\n  </accordion-group>\n\n  <accordion-group [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      [heading]=\"'Education'\"\n    ></symphony-sfx-accordion-header>\n    <symphony-feedback-candidate-education\n      [educationHistories]=\"educationList\"\n    ></symphony-feedback-candidate-education>\n  </accordion-group>\n\n  <accordion-group [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      [heading]=\"'Certifications'\"\n    ></symphony-sfx-accordion-header>\n    <symphony-feedback-candidate-certifications\n      [certificationHistories]=\"certificationList\"\n    ></symphony-feedback-candidate-certifications>\n  </accordion-group>\n</accordion>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { historyList: [{
-                type: Input
-            }], educationList: [{
-                type: Input
-            }], certificationList: [{
+            args: [{ selector: 'symphony-feedback-detail-candidate-info', encapsulation: ViewEncapsulation.None, template: "<accordion>\n  <accordion-group *ngIf=\"model.workHistory.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Work History\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.workHistory.data?.length\">\n      <symphony-feedback-candidate-workhistory\n        [workHistories]=\"model.workHistory.data\"\n      ></symphony-feedback-candidate-workhistory>\n    </ng-container>\n    <ng-container *ngIf=\"!model.workHistory.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.workHistory.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.education.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Education\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.education.data?.length\">\n      <symphony-feedback-candidate-education\n        [educationHistories]=\"model.education.data\"\n      ></symphony-feedback-candidate-education>\n    </ng-container>\n    <ng-container *ngIf=\"!model.education.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.education.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n\n  <accordion-group *ngIf=\"model.certifications.displaySection\" [isOpen]=\"true\">\n    <symphony-sfx-accordion-header\n      accordion-heading\n      heading=\"Certifications\"\n    ></symphony-sfx-accordion-header>\n    <ng-container *ngIf=\"model.certifications.data?.length\">\n      <symphony-feedback-candidate-certifications\n        [certificationHistories]=\"model.certifications.data\"\n      ></symphony-feedback-candidate-certifications>\n    </ng-container>\n    <ng-container *ngIf=\"!model.certifications.data?.length\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          noData;\n          context: { $implicit: model.certifications.displayErrorMessage }\n        \"\n      ></ng-container\n    ></ng-container>\n  </accordion-group>\n</accordion>\n\n<ng-template #noData let-displayErrorMessage\n  ><symphony-paragraph\n    *ngIf=\"!displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"No data to display.\"\n  ></symphony-paragraph>\n  <symphony-paragraph\n    *ngIf=\"displayErrorMessage\"\n    class=\"sfx-d-block sfx-mt-20 border-bottom sfx-pb-20\"\n    text=\"Data could not be retrieved, please refresh to try again.\"\n  ></symphony-paragraph\n></ng-template>\n", styles: [".panel-group .panel{border:none;box-shadow:none;margin-bottom:40px}.panel{box-shadow:none;border:none;padding:0}.panel.card{background:none}.panel .card-header{padding:0;background:none}.panel button{padding:0;color:#000;border:none;background:none}.panel button:focus{outline:none}.panel .panel-body{padding:0;border:none}.panel-default>.panel-heading+.panel-collapse>.panel-body{border:none}.panel-group .panel+.panel{margin-top:0}.panel-group .panel.panel-open .panel{margin-bottom:0}.accordion-toggle symphony-icon{transform:rotate(180deg);display:block;transition:all .3s ease-in-out}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby9mZWVkYmFjay1kZXRhaWwtY2FuZGlkYXRlLWluZm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVdwRSxNQUFNLE9BQU8sb0NBQW9DO0lBSy9DLGdCQUFlLENBQUM7O2lJQUxMLG9DQUFvQztxSEFBcEMsb0NBQW9DLCtMQ1hqRCx5aENBK0JBOzJGRHBCYSxvQ0FBb0M7a0JBTmhELFNBQVM7K0JBQ0UseUNBQXlDLGlCQUdwQyxpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FuZGlkYXRlQ2VydGlmaWNhdGlvbnNNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9mZWVkYmFjay1jYW5kaWRhdGUtY2VydGlmaWNhdGlvbnMvZmVlZGJhY2stY2FuZGlkYXRlLWNlcnRpZmljYXRpb25zLm1vZGVsJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FuZGlkYXRlV29ya0hpc3RvcnlNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9mZWVkYmFjay1jYW5kaWRhdGUtd29ya2hpc3RvcnkvZmVlZGJhY2stY2FuZGlkYXRlLXdvcmtoaXN0b3J5Lm1vZGVsJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FuZGlkYXRlRWR1Y2F0aW9uTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvZmVlZGJhY2stY2FuZGlkYXRlLWVkdWNhdGlvbi9mZWVkYmFjay1jYW5kaWRhdGUtZWR1Y2F0aW9uLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsQ2FuZGlkYXRlSW5mb0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhpc3RvcnlMaXN0OiBGZWVkYmFja0NhbmRpZGF0ZVdvcmtIaXN0b3J5TW9kZWxbXTtcbiAgQElucHV0KCkgZWR1Y2F0aW9uTGlzdDogRmVlZGJhY2tDYW5kaWRhdGVFZHVjYXRpb25Nb2RlbFtdO1xuICBASW5wdXQoKSBjZXJ0aWZpY2F0aW9uTGlzdDogRmVlZGJhY2tDYW5kaWRhdGVDZXJ0aWZpY2F0aW9uc01vZGVsW107XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGFjY29yZGlvbj5cbiAgPGFjY29yZGlvbi1ncm91cCBbaXNPcGVuXT1cInRydWVcIj5cbiAgICA8c3ltcGhvbnktc2Z4LWFjY29yZGlvbi1oZWFkZXJcbiAgICAgIGFjY29yZGlvbi1oZWFkaW5nXG4gICAgICBbaGVhZGluZ109XCInV29yayBIaXN0b3J5J1wiXG4gICAgPjwvc3ltcGhvbnktc2Z4LWFjY29yZGlvbi1oZWFkZXI+XG4gICAgPHN5bXBob255LWZlZWRiYWNrLWNhbmRpZGF0ZS13b3JraGlzdG9yeVxuICAgICAgW3dvcmtIaXN0b3JpZXNdPVwiaGlzdG9yeUxpc3RcIlxuICAgID48L3N5bXBob255LWZlZWRiYWNrLWNhbmRpZGF0ZS13b3JraGlzdG9yeT5cbiAgPC9hY2NvcmRpb24tZ3JvdXA+XG5cbiAgPGFjY29yZGlvbi1ncm91cCBbaXNPcGVuXT1cInRydWVcIj5cbiAgICA8c3ltcGhvbnktc2Z4LWFjY29yZGlvbi1oZWFkZXJcbiAgICAgIGFjY29yZGlvbi1oZWFkaW5nXG4gICAgICBbaGVhZGluZ109XCInRWR1Y2F0aW9uJ1wiXG4gICAgPjwvc3ltcGhvbnktc2Z4LWFjY29yZGlvbi1oZWFkZXI+XG4gICAgPHN5bXBob255LWZlZWRiYWNrLWNhbmRpZGF0ZS1lZHVjYXRpb25cbiAgICAgIFtlZHVjYXRpb25IaXN0b3JpZXNdPVwiZWR1Y2F0aW9uTGlzdFwiXG4gICAgPjwvc3ltcGhvbnktZmVlZGJhY2stY2FuZGlkYXRlLWVkdWNhdGlvbj5cbiAgPC9hY2NvcmRpb24tZ3JvdXA+XG5cbiAgPGFjY29yZGlvbi1ncm91cCBbaXNPcGVuXT1cInRydWVcIj5cbiAgICA8c3ltcGhvbnktc2Z4LWFjY29yZGlvbi1oZWFkZXJcbiAgICAgIGFjY29yZGlvbi1oZWFkaW5nXG4gICAgICBbaGVhZGluZ109XCInQ2VydGlmaWNhdGlvbnMnXCJcbiAgICA+PC9zeW1waG9ueS1zZngtYWNjb3JkaW9uLWhlYWRlcj5cbiAgICA8c3ltcGhvbnktZmVlZGJhY2stY2FuZGlkYXRlLWNlcnRpZmljYXRpb25zXG4gICAgICBbY2VydGlmaWNhdGlvbkhpc3Rvcmllc109XCJjZXJ0aWZpY2F0aW9uTGlzdFwiXG4gICAgPjwvc3ltcGhvbnktZmVlZGJhY2stY2FuZGlkYXRlLWNlcnRpZmljYXRpb25zPlxuICA8L2FjY29yZGlvbi1ncm91cD5cbjwvYWNjb3JkaW9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby9mZWVkYmFjay1kZXRhaWwtY2FuZGlkYXRlLWluZm8uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBU3BFLE1BQU0sT0FBTyxvQ0FBb0M7SUFHL0MsZ0JBQWUsQ0FBQzs7aUlBSEwsb0NBQW9DO3FIQUFwQyxvQ0FBb0MsMkdDVGpELG9wRkEwRUE7MkZEakVhLG9DQUFvQztrQkFOaEQsU0FBUzsrQkFDRSx5Q0FBeUMsaUJBR3BDLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGZWVkYmFja0RldGFpbFBhZ2VNb2RlbCB9IGZyb20gJy4uLy4uL3BhZ2VzL2ZlZWRiYWNrLWRldGFpbC1wYWdlL2ZlZWRiYWNrLWRldGFpbC1wYWdlLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsQ2FuZGlkYXRlSW5mb0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBGZWVkYmFja0RldGFpbFBhZ2VNb2RlbDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iLCI8YWNjb3JkaW9uPlxuICA8YWNjb3JkaW9uLWdyb3VwICpuZ0lmPVwibW9kZWwud29ya0hpc3RvcnkuZGlzcGxheVNlY3Rpb25cIiBbaXNPcGVuXT1cInRydWVcIj5cbiAgICA8c3ltcGhvbnktc2Z4LWFjY29yZGlvbi1oZWFkZXJcbiAgICAgIGFjY29yZGlvbi1oZWFkaW5nXG4gICAgICBoZWFkaW5nPVwiV29yayBIaXN0b3J5XCJcbiAgICA+PC9zeW1waG9ueS1zZngtYWNjb3JkaW9uLWhlYWRlcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibW9kZWwud29ya0hpc3RvcnkuZGF0YT8ubGVuZ3RoXCI+XG4gICAgICA8c3ltcGhvbnktZmVlZGJhY2stY2FuZGlkYXRlLXdvcmtoaXN0b3J5XG4gICAgICAgIFt3b3JrSGlzdG9yaWVzXT1cIm1vZGVsLndvcmtIaXN0b3J5LmRhdGFcIlxuICAgICAgPjwvc3ltcGhvbnktZmVlZGJhY2stY2FuZGlkYXRlLXdvcmtoaXN0b3J5PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhbW9kZWwud29ya0hpc3RvcnkuZGF0YT8ubGVuZ3RoXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgbm9EYXRhO1xuICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBtb2RlbC53b3JrSGlzdG9yeS5kaXNwbGF5RXJyb3JNZXNzYWdlIH1cbiAgICAgICAgXCJcbiAgICAgID48L25nLWNvbnRhaW5lclxuICAgID48L25nLWNvbnRhaW5lcj5cbiAgPC9hY2NvcmRpb24tZ3JvdXA+XG5cbiAgPGFjY29yZGlvbi1ncm91cCAqbmdJZj1cIm1vZGVsLmVkdWNhdGlvbi5kaXNwbGF5U2VjdGlvblwiIFtpc09wZW5dPVwidHJ1ZVwiPlxuICAgIDxzeW1waG9ueS1zZngtYWNjb3JkaW9uLWhlYWRlclxuICAgICAgYWNjb3JkaW9uLWhlYWRpbmdcbiAgICAgIGhlYWRpbmc9XCJFZHVjYXRpb25cIlxuICAgID48L3N5bXBob255LXNmeC1hY2NvcmRpb24taGVhZGVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJtb2RlbC5lZHVjYXRpb24uZGF0YT8ubGVuZ3RoXCI+XG4gICAgICA8c3ltcGhvbnktZmVlZGJhY2stY2FuZGlkYXRlLWVkdWNhdGlvblxuICAgICAgICBbZWR1Y2F0aW9uSGlzdG9yaWVzXT1cIm1vZGVsLmVkdWNhdGlvbi5kYXRhXCJcbiAgICAgID48L3N5bXBob255LWZlZWRiYWNrLWNhbmRpZGF0ZS1lZHVjYXRpb24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFtb2RlbC5lZHVjYXRpb24uZGF0YT8ubGVuZ3RoXCI+XG4gICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgbm9EYXRhO1xuICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBtb2RlbC5lZHVjYXRpb24uZGlzcGxheUVycm9yTWVzc2FnZSB9XG4gICAgICAgIFwiXG4gICAgICA+PC9uZy1jb250YWluZXJcbiAgICA+PC9uZy1jb250YWluZXI+XG4gIDwvYWNjb3JkaW9uLWdyb3VwPlxuXG4gIDxhY2NvcmRpb24tZ3JvdXAgKm5nSWY9XCJtb2RlbC5jZXJ0aWZpY2F0aW9ucy5kaXNwbGF5U2VjdGlvblwiIFtpc09wZW5dPVwidHJ1ZVwiPlxuICAgIDxzeW1waG9ueS1zZngtYWNjb3JkaW9uLWhlYWRlclxuICAgICAgYWNjb3JkaW9uLWhlYWRpbmdcbiAgICAgIGhlYWRpbmc9XCJDZXJ0aWZpY2F0aW9uc1wiXG4gICAgPjwvc3ltcGhvbnktc2Z4LWFjY29yZGlvbi1oZWFkZXI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm1vZGVsLmNlcnRpZmljYXRpb25zLmRhdGE/Lmxlbmd0aFwiPlxuICAgICAgPHN5bXBob255LWZlZWRiYWNrLWNhbmRpZGF0ZS1jZXJ0aWZpY2F0aW9uc1xuICAgICAgICBbY2VydGlmaWNhdGlvbkhpc3Rvcmllc109XCJtb2RlbC5jZXJ0aWZpY2F0aW9ucy5kYXRhXCJcbiAgICAgID48L3N5bXBob255LWZlZWRiYWNrLWNhbmRpZGF0ZS1jZXJ0aWZpY2F0aW9ucz5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIW1vZGVsLmNlcnRpZmljYXRpb25zLmRhdGE/Lmxlbmd0aFwiPlxuICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgIG5vRGF0YTtcbiAgICAgICAgICBjb250ZXh0OiB7ICRpbXBsaWNpdDogbW9kZWwuY2VydGlmaWNhdGlvbnMuZGlzcGxheUVycm9yTWVzc2FnZSB9XG4gICAgICAgIFwiXG4gICAgICA+PC9uZy1jb250YWluZXJcbiAgICA+PC9uZy1jb250YWluZXI+XG4gIDwvYWNjb3JkaW9uLWdyb3VwPlxuPC9hY2NvcmRpb24+XG5cbjxuZy10ZW1wbGF0ZSAjbm9EYXRhIGxldC1kaXNwbGF5RXJyb3JNZXNzYWdlXG4gID48c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgKm5nSWY9XCIhZGlzcGxheUVycm9yTWVzc2FnZVwiXG4gICAgY2xhc3M9XCJzZngtZC1ibG9jayBzZngtbXQtMjAgYm9yZGVyLWJvdHRvbSBzZngtcGItMjBcIlxuICAgIHRleHQ9XCJObyBkYXRhIHRvIGRpc3BsYXkuXCJcbiAgPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgKm5nSWY9XCJkaXNwbGF5RXJyb3JNZXNzYWdlXCJcbiAgICBjbGFzcz1cInNmeC1kLWJsb2NrIHNmeC1tdC0yMCBib3JkZXItYm90dG9tIHNmeC1wYi0yMFwiXG4gICAgdGV4dD1cIkRhdGEgY291bGQgbm90IGJlIHJldHJpZXZlZCwgcGxlYXNlIHJlZnJlc2ggdG8gdHJ5IGFnYWluLlwiXG4gID48L3N5bXBob255LXBhcmFncmFwaFxuPjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2020/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.model.mjs

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

package/esm2020/lib/organisms/feedback-detail-candidate-info/feedback-detail-candidate-info.module.mjs

@@ -9,6 +9,7 @@ import { SfxAccordionHeaderModule } from '../../molecules/sfx-accordion-header/s
 import { FeedbackCandidateWorkHistoryModule } from '../../molecules/feedback-candidate-workhistory/feedback-candidate-workhistory.module';
 import { FeedbackCandidateEducationModule } from '../../molecules/feedback-candidate-education/feedback-candidate-education.module';
 import { FeedbackCandidateCertificationsModule } from '../../molecules/feedback-candidate-certifications/feedback-candidate-certifications.module';
+import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
 import * as i0 from "@angular/core";
 import * as i1 from "ngx-bootstrap/accordion";
 export class FeedbackDetailCandidateInfoModule {
@@ -20,7 +21,8 @@ FeedbackDetailCandidateInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion:
         SfxAccordionHeaderModule,
         FeedbackCandidateWorkHistoryModule,
         FeedbackCandidateEducationModule,
-        FeedbackCandidateCertificationsModule], exports: [FeedbackDetailCandidateInfoComponent] });
+        FeedbackCandidateCertificationsModule,
+        ParagraphModule], exports: [FeedbackDetailCandidateInfoComponent] });
 FeedbackDetailCandidateInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoModule, imports: [[
             CommonModule,
             AccordionModule.forRoot(),
@@ -30,7 +32,8 @@ FeedbackDetailCandidateInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion:
             SfxAccordionHeaderModule,
             FeedbackCandidateWorkHistoryModule,
             FeedbackCandidateEducationModule,
-            FeedbackCandidateCertificationsModule
+            FeedbackCandidateCertificationsModule,
+            ParagraphModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailCandidateInfoModule, decorators: [{
             type: NgModule,
@@ -45,9 +48,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         SfxAccordionHeaderModule,
                         FeedbackCandidateWorkHistoryModule,
                         FeedbackCandidateEducationModule,
-                        FeedbackCandidateCertificationsModule
+                        FeedbackCandidateCertificationsModule,
+                        ParagraphModule
                     ],
                     exports: [FeedbackDetailCandidateInfoComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby9mZWVkYmFjay1kZXRhaWwtY2FuZGlkYXRlLWluZm8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLHNGQUFzRixDQUFDO0FBQzFJLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGtGQUFrRixDQUFDO0FBQ3BJLE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLDRGQUE0RixDQUFDOzs7QUFpQm5KLE1BQU0sT0FBTyxpQ0FBaUM7OzhIQUFqQyxpQ0FBaUM7K0hBQWpDLGlDQUFpQyxpQkFkN0Isb0NBQW9DLGFBRWpELFlBQVksc0JBRVosdUJBQXVCO1FBQ3ZCLFVBQVU7UUFDVixRQUFRO1FBQ1Isd0JBQXdCO1FBQ3hCLGtDQUFrQztRQUNsQyxnQ0FBZ0M7UUFDaEMscUNBQXFDLGFBRTdCLG9DQUFvQzsrSEFFbkMsaUNBQWlDLFlBYm5DO1lBQ1AsWUFBWTtZQUNaLGVBQWUsQ0FBQyxPQUFPLEVBQUU7WUFDekIsdUJBQXVCO1lBQ3ZCLFVBQVU7WUFDVixRQUFRO1lBQ1Isd0JBQXdCO1lBQ3hCLGtDQUFrQztZQUNsQyxnQ0FBZ0M7WUFDaEMscUNBQXFDO1NBQ3RDOzJGQUdVLGlDQUFpQztrQkFmN0MsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQztvQkFDcEQsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZSxDQUFDLE9BQU8sRUFBRTt3QkFDekIsdUJBQXVCO3dCQUN2QixVQUFVO3dCQUNWLFFBQVE7d0JBQ1Isd0JBQXdCO3dCQUN4QixrQ0FBa0M7d0JBQ2xDLGdDQUFnQzt3QkFDaEMscUNBQXFDO3FCQUN0QztvQkFDRCxPQUFPLEVBQUUsQ0FBQyxvQ0FBb0MsQ0FBQztpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEZlZWRiYWNrRGV0YWlsQ2FuZGlkYXRlSW5mb0NvbXBvbmVudCB9IGZyb20gJy4vZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBY2NvcmRpb25Nb2R1bGUgfSBmcm9tICduZ3gtYm9vdHN0cmFwL2FjY29yZGlvbic7XG5pbXBvcnQgeyBCcm93c2VyQW5pbWF0aW9uc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXIvYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBINE1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2g0L2g0Lm1vZHVsZSc7XG5pbXBvcnQgeyBTZnhBY2NvcmRpb25IZWFkZXJNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvc2Z4LWFjY29yZGlvbi1oZWFkZXIvc2Z4LWFjY29yZGlvbi1oZWFkZXIubW9kdWxlJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FuZGlkYXRlV29ya0hpc3RvcnlNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvZmVlZGJhY2stY2FuZGlkYXRlLXdvcmtoaXN0b3J5L2ZlZWRiYWNrLWNhbmRpZGF0ZS13b3JraGlzdG9yeS5tb2R1bGUnO1xuaW1wb3J0IHsgRmVlZGJhY2tDYW5kaWRhdGVFZHVjYXRpb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvZmVlZGJhY2stY2FuZGlkYXRlLWVkdWNhdGlvbi9mZWVkYmFjay1jYW5kaWRhdGUtZWR1Y2F0aW9uLm1vZHVsZSc7XG5pbXBvcnQgeyBGZWVkYmFja0NhbmRpZGF0ZUNlcnRpZmljYXRpb25zTW9kdWxlIH0gZnJvbSAnLi4vLi4vbW9sZWN1bGVzL2ZlZWRiYWNrLWNhbmRpZGF0ZS1jZXJ0aWZpY2F0aW9ucy9mZWVkYmFjay1jYW5kaWRhdGUtY2VydGlmaWNhdGlvbnMubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRmVlZGJhY2tEZXRhaWxDYW5kaWRhdGVJbmZvQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBY2NvcmRpb25Nb2R1bGUuZm9yUm9vdCgpLFxuICAgIEJyb3dzZXJBbmltYXRpb25zTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgSDRNb2R1bGUsXG4gICAgU2Z4QWNjb3JkaW9uSGVhZGVyTW9kdWxlLFxuICAgIEZlZWRiYWNrQ2FuZGlkYXRlV29ya0hpc3RvcnlNb2R1bGUsXG4gICAgRmVlZGJhY2tDYW5kaWRhdGVFZHVjYXRpb25Nb2R1bGUsXG4gICAgRmVlZGJhY2tDYW5kaWRhdGVDZXJ0aWZpY2F0aW9uc01vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbRmVlZGJhY2tEZXRhaWxDYW5kaWRhdGVJbmZvQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBGZWVkYmFja0RldGFpbENhbmRpZGF0ZUluZm9Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2ZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mby9mZWVkYmFjay1kZXRhaWwtY2FuZGlkYXRlLWluZm8ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3BELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzVHLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLHNGQUFzRixDQUFDO0FBQzFJLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGtGQUFrRixDQUFDO0FBQ3BJLE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLDRGQUE0RixDQUFDO0FBQ25KLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7O0FBa0J6RSxNQUFNLE9BQU8saUNBQWlDOzs4SEFBakMsaUNBQWlDOytIQUFqQyxpQ0FBaUMsaUJBZjdCLG9DQUFvQyxhQUVqRCxZQUFZLHNCQUVaLHVCQUF1QjtRQUN2QixVQUFVO1FBQ1YsUUFBUTtRQUNSLHdCQUF3QjtRQUN4QixrQ0FBa0M7UUFDbEMsZ0NBQWdDO1FBQ2hDLHFDQUFxQztRQUNyQyxlQUFlLGFBRVAsb0NBQW9DOytIQUVuQyxpQ0FBaUMsWUFkbkM7WUFDUCxZQUFZO1lBQ1osZUFBZSxDQUFDLE9BQU8sRUFBRTtZQUN6Qix1QkFBdUI7WUFDdkIsVUFBVTtZQUNWLFFBQVE7WUFDUix3QkFBd0I7WUFDeEIsa0NBQWtDO1lBQ2xDLGdDQUFnQztZQUNoQyxxQ0FBcUM7WUFDckMsZUFBZTtTQUNoQjsyRkFHVSxpQ0FBaUM7a0JBaEI3QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLG9DQUFvQyxDQUFDO29CQUNwRCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixlQUFlLENBQUMsT0FBTyxFQUFFO3dCQUN6Qix1QkFBdUI7d0JBQ3ZCLFVBQVU7d0JBQ1YsUUFBUTt3QkFDUix3QkFBd0I7d0JBQ3hCLGtDQUFrQzt3QkFDbEMsZ0NBQWdDO3dCQUNoQyxxQ0FBcUM7d0JBQ3JDLGVBQWU7cUJBQ2hCO29CQUNELE9BQU8sRUFBRSxDQUFDLG9DQUFvQyxDQUFDO2lCQUNoRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRmVlZGJhY2tEZXRhaWxDYW5kaWRhdGVJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi9mZWVkYmFjay1kZXRhaWwtY2FuZGlkYXRlLWluZm8uY29tcG9uZW50JztcbmltcG9ydCB7IEFjY29yZGlvbk1vZHVsZSB9IGZyb20gJ25neC1ib290c3RyYXAvYWNjb3JkaW9uJztcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IEg0TW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaDQvaDQubW9kdWxlJztcbmltcG9ydCB7IFNmeEFjY29yZGlvbkhlYWRlck1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9zZngtYWNjb3JkaW9uLWhlYWRlci9zZngtYWNjb3JkaW9uLWhlYWRlci5tb2R1bGUnO1xuaW1wb3J0IHsgRmVlZGJhY2tDYW5kaWRhdGVXb3JrSGlzdG9yeU1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9mZWVkYmFjay1jYW5kaWRhdGUtd29ya2hpc3RvcnkvZmVlZGJhY2stY2FuZGlkYXRlLXdvcmtoaXN0b3J5Lm1vZHVsZSc7XG5pbXBvcnQgeyBGZWVkYmFja0NhbmRpZGF0ZUVkdWNhdGlvbk1vZHVsZSB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9mZWVkYmFjay1jYW5kaWRhdGUtZWR1Y2F0aW9uL2ZlZWRiYWNrLWNhbmRpZGF0ZS1lZHVjYXRpb24ubW9kdWxlJztcbmltcG9ydCB7IEZlZWRiYWNrQ2FuZGlkYXRlQ2VydGlmaWNhdGlvbnNNb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvZmVlZGJhY2stY2FuZGlkYXRlLWNlcnRpZmljYXRpb25zL2ZlZWRiYWNrLWNhbmRpZGF0ZS1jZXJ0aWZpY2F0aW9ucy5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtGZWVkYmFja0RldGFpbENhbmRpZGF0ZUluZm9Db21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEFjY29yZGlvbk1vZHVsZS5mb3JSb290KCksXG4gICAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUsXG4gICAgSWNvbk1vZHVsZSxcbiAgICBINE1vZHVsZSxcbiAgICBTZnhBY2NvcmRpb25IZWFkZXJNb2R1bGUsXG4gICAgRmVlZGJhY2tDYW5kaWRhdGVXb3JrSGlzdG9yeU1vZHVsZSxcbiAgICBGZWVkYmFja0NhbmRpZGF0ZUVkdWNhdGlvbk1vZHVsZSxcbiAgICBGZWVkYmFja0NhbmRpZGF0ZUNlcnRpZmljYXRpb25zTW9kdWxlLFxuICAgIFBhcmFncmFwaE1vZHVsZVxuICBdLFxuICBleHBvcnRzOiBbRmVlZGJhY2tEZXRhaWxDYW5kaWRhdGVJbmZvQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBGZWVkYmFja0RldGFpbENhbmRpZGF0ZUluZm9Nb2R1bGUge31cbiJdfQ==

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

@@ -25,7 +25,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", authCodeChange: "authCodeChange" }, 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: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.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", "isFontBold"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], 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 });
+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", authCodeChange: "authCodeChange" }, 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: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.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", "isFontBold"] }, { type: i3.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], 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: [".modal-wrapper{margin:0 auto;max-width:500px;width:100%;box-shadow:0 0 30px #0003}.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"] }]

package/esm2020/lib/pages/advertised-job-postings-list-page/advertised-job-postings-list-page.component.mjs

@@ -32,7 +32,7 @@ export class AdvertisedJobPostingsListPageComponent {
     }
 }
 AdvertisedJobPostingsListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: i1.AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: i5.ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: i1.AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i5.ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i6.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i7.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertised-job-postings-list-page', template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""] }]

package/esm2020/lib/pages/events-settings-page/events-settings-page.component.mjs

@@ -43,7 +43,7 @@ export class EventsSettingsPageComponent {
     }
 }
 EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i6.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: i8.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i9.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: i1.AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: i6.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i8.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i9.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]

package/esm2020/lib/pages/feedback-detail-page/feedback-detail-page.component.mjs

@@ -23,10 +23,10 @@ export class FeedbackDetailPageComponent {
     }
 }
 FeedbackDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"model\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [historyList]=\"model.historyList\"\n    [educationList]=\"model.educationList\"\n    [certificationList]=\"model.certificationList\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i4.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["historyList", "educationList", "certificationList"] }, { type: i5.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+FeedbackDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackDetailPageComponent, selector: "symphony-feedback-detail-page", inputs: { model: "model" }, outputs: { back: "back", previewClicked: "previewClicked", saveFeedback: "saveFeedback" }, ngImport: i0, template: "<symphony-feedback-detail-template *ngIf=\"model\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n", styles: [""], components: [{ type: i1.FeedbackDetailTemplateComponent, selector: "symphony-feedback-detail-template" }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.FeedbackDetailHeaderComponent, selector: "symphony-feedback-detail-header", inputs: ["model"], outputs: ["previewClicked"] }, { type: i4.FeedbackDetailCandidateInfoComponent, selector: "symphony-feedback-detail-candidate-info", inputs: ["model"] }, { type: i5.FeedbackDetailInterestFormComponent, selector: "symphony-feedback-detail-interest-form", inputs: ["model"], outputs: ["cancel", "save"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackDetailPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"model\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [historyList]=\"model.historyList\"\n    [educationList]=\"model.educationList\"\n    [certificationList]=\"model.certificationList\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n", styles: [""] }]
+            args: [{ selector: 'symphony-feedback-detail-page', template: "<symphony-feedback-detail-template *ngIf=\"model\">\n  <symphony-icon\n    sfx-back-button\n    [icon]=\"'si-menu-return'\"\n    [size]=\"'20px'\"\n    (clicked)=\"onBackClick()\"\n  ></symphony-icon>\n\n  <symphony-feedback-detail-header\n    sfx-header\n    [model]=\"model.header\"\n    (previewClicked)=\"onPreviewClick()\"\n  >\n  </symphony-feedback-detail-header>\n\n  <symphony-feedback-detail-candidate-info\n    sfx-left-column\n    [model]=\"model\"\n  ></symphony-feedback-detail-candidate-info>\n\n  <symphony-feedback-detail-interest-form\n    sfx-right-column\n    [model]=\"model.interest\"\n    (save)=\"onSaveFeedback($event)\"\n    (cancel)=\"onBackClick()\"\n  ></symphony-feedback-detail-interest-form>\n</symphony-feedback-detail-template>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], back: [{
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             }], saveFeedback: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9mZWVkYmFjay1kZXRhaWwtcGFnZS9mZWVkYmFjay1kZXRhaWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL2ZlZWRiYWNrLWRldGFpbC1wYWdlL2ZlZWRiYWNrLWRldGFpbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU3ZFLE1BQU0sT0FBTywyQkFBMkI7SUFNdEM7UUFKVSxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDNUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBbUMsQ0FBQztJQUU5RCxDQUFDO0lBRWhCLGNBQWMsQ0FBQyxpQkFBa0Q7UUFDL0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN0QyxDQUFDOzt3SEFsQlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsNExDVHhDLGkzQkE2QkE7MkZEcEJhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSwrQkFBK0I7MEVBS2hDLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZlZWRiYWNrRGV0YWlsUGFnZU1vZGVsIH0gZnJvbSAnLi9mZWVkYmFjay1kZXRhaWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZGVsIH0gZnJvbSAnLi4vLi4vb3JnYW5pc21zL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmVlZGJhY2stZGV0YWlsLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mZWVkYmFjay1kZXRhaWwtcGFnZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsUGFnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBGZWVkYmFja0RldGFpbFBhZ2VNb2RlbDtcbiAgQE91dHB1dCgpIGJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgc2F2ZUZlZWRiYWNrID0gbmV3IEV2ZW50RW1pdHRlcjxGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvblNhdmVGZWVkYmFjayhmZWVkYmFja1NhdmVFdmVudDogRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Nb2RlbCkge1xuICAgIHRoaXMuc2F2ZUZlZWRiYWNrLmVtaXQoZmVlZGJhY2tTYXZlRXZlbnQpO1xuICB9XG5cbiAgb25CYWNrQ2xpY2soKSB7XG4gICAgdGhpcy5iYWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uUHJldmlld0NsaWNrKCkge1xuICAgIHRoaXMucHJldmlld0NsaWNrZWQuZW1pdCgnY2xpY2tlZCcpO1xuICB9XG59XG4iLCI8c3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLXRlbXBsYXRlICpuZ0lmPVwibW9kZWxcIj5cbiAgPHN5bXBob255LWljb25cbiAgICBzZngtYmFjay1idXR0b25cbiAgICBbaWNvbl09XCInc2ktbWVudS1yZXR1cm4nXCJcbiAgICBbc2l6ZV09XCInMjBweCdcIlxuICAgIChjbGlja2VkKT1cIm9uQmFja0NsaWNrKClcIlxuICA+PC9zeW1waG9ueS1pY29uPlxuXG4gIDxzeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtaGVhZGVyXG4gICAgc2Z4LWhlYWRlclxuICAgIFttb2RlbF09XCJtb2RlbC5oZWFkZXJcIlxuICAgIChwcmV2aWV3Q2xpY2tlZCk9XCJvblByZXZpZXdDbGljaygpXCJcbiAgPlxuICA8L3N5bXBob255LWZlZWRiYWNrLWRldGFpbC1oZWFkZXI+XG5cbiAgPHN5bXBob255LWZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mb1xuICAgIHNmeC1sZWZ0LWNvbHVtblxuICAgIFtoaXN0b3J5TGlzdF09XCJtb2RlbC5oaXN0b3J5TGlzdFwiXG4gICAgW2VkdWNhdGlvbkxpc3RdPVwibW9kZWwuZWR1Y2F0aW9uTGlzdFwiXG4gICAgW2NlcnRpZmljYXRpb25MaXN0XT1cIm1vZGVsLmNlcnRpZmljYXRpb25MaXN0XCJcbiAgPjwvc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLWNhbmRpZGF0ZS1pbmZvPlxuXG4gIDxzeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybVxuICAgIHNmeC1yaWdodC1jb2x1bW5cbiAgICBbbW9kZWxdPVwibW9kZWwuaW50ZXJlc3RcIlxuICAgIChzYXZlKT1cIm9uU2F2ZUZlZWRiYWNrKCRldmVudClcIlxuICAgIChjYW5jZWwpPVwib25CYWNrQ2xpY2soKVwiXG4gID48L3N5bXBob255LWZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtPlxuPC9zeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmVlZGJhY2stZGV0YWlsLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9mZWVkYmFjay1kZXRhaWwtcGFnZS9mZWVkYmFjay1kZXRhaWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL2ZlZWRiYWNrLWRldGFpbC1wYWdlL2ZlZWRiYWNrLWRldGFpbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU3ZFLE1BQU0sT0FBTywyQkFBMkI7SUFNdEM7UUFKVSxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNoQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDNUMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBbUMsQ0FBQztJQUU5RCxDQUFDO0lBRWhCLGNBQWMsQ0FBQyxpQkFBa0Q7UUFDL0QsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDbkIsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUN0QyxDQUFDOzt3SEFsQlUsMkJBQTJCOzRHQUEzQiwyQkFBMkIsNExDVHhDLDZ2QkEyQkE7MkZEbEJhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSwrQkFBK0I7MEVBS2hDLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxJQUFJO3NCQUFiLE1BQU07Z0JBQ0csY0FBYztzQkFBdkIsTUFBTTtnQkFDRyxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZlZWRiYWNrRGV0YWlsUGFnZU1vZGVsIH0gZnJvbSAnLi9mZWVkYmFjay1kZXRhaWwtcGFnZS5tb2RlbCc7XG5pbXBvcnQgeyBGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZGVsIH0gZnJvbSAnLi4vLi4vb3JnYW5pc21zL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtL2ZlZWRiYWNrLWRldGFpbC1pbnRlcmVzdC1mb3JtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vZmVlZGJhY2stZGV0YWlsLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9mZWVkYmFjay1kZXRhaWwtcGFnZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZlZWRiYWNrRGV0YWlsUGFnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBGZWVkYmFja0RldGFpbFBhZ2VNb2RlbDtcbiAgQE91dHB1dCgpIGJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBwcmV2aWV3Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgc2F2ZUZlZWRiYWNrID0gbmV3IEV2ZW50RW1pdHRlcjxGZWVkYmFja0RldGFpbEludGVyZXN0Rm9ybU1vZGVsPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvblNhdmVGZWVkYmFjayhmZWVkYmFja1NhdmVFdmVudDogRmVlZGJhY2tEZXRhaWxJbnRlcmVzdEZvcm1Nb2RlbCkge1xuICAgIHRoaXMuc2F2ZUZlZWRiYWNrLmVtaXQoZmVlZGJhY2tTYXZlRXZlbnQpO1xuICB9XG5cbiAgb25CYWNrQ2xpY2soKSB7XG4gICAgdGhpcy5iYWNrLmVtaXQoKTtcbiAgfVxuXG4gIG9uUHJldmlld0NsaWNrKCkge1xuICAgIHRoaXMucHJldmlld0NsaWNrZWQuZW1pdCgnY2xpY2tlZCcpO1xuICB9XG59XG4iLCI8c3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLXRlbXBsYXRlICpuZ0lmPVwibW9kZWxcIj5cbiAgPHN5bXBob255LWljb25cbiAgICBzZngtYmFjay1idXR0b25cbiAgICBbaWNvbl09XCInc2ktbWVudS1yZXR1cm4nXCJcbiAgICBbc2l6ZV09XCInMjBweCdcIlxuICAgIChjbGlja2VkKT1cIm9uQmFja0NsaWNrKClcIlxuICA+PC9zeW1waG9ueS1pY29uPlxuXG4gIDxzeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtaGVhZGVyXG4gICAgc2Z4LWhlYWRlclxuICAgIFttb2RlbF09XCJtb2RlbC5oZWFkZXJcIlxuICAgIChwcmV2aWV3Q2xpY2tlZCk9XCJvblByZXZpZXdDbGljaygpXCJcbiAgPlxuICA8L3N5bXBob255LWZlZWRiYWNrLWRldGFpbC1oZWFkZXI+XG5cbiAgPHN5bXBob255LWZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mb1xuICAgIHNmeC1sZWZ0LWNvbHVtblxuICAgIFttb2RlbF09XCJtb2RlbFwiXG4gID48L3N5bXBob255LWZlZWRiYWNrLWRldGFpbC1jYW5kaWRhdGUtaW5mbz5cblxuICA8c3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLWludGVyZXN0LWZvcm1cbiAgICBzZngtcmlnaHQtY29sdW1uXG4gICAgW21vZGVsXT1cIm1vZGVsLmludGVyZXN0XCJcbiAgICAoc2F2ZSk9XCJvblNhdmVGZWVkYmFjaygkZXZlbnQpXCJcbiAgICAoY2FuY2VsKT1cIm9uQmFja0NsaWNrKClcIlxuICA+PC9zeW1waG9ueS1mZWVkYmFjay1kZXRhaWwtaW50ZXJlc3QtZm9ybT5cbjwvc3ltcGhvbnktZmVlZGJhY2stZGV0YWlsLXRlbXBsYXRlPlxuIl19

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

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

package/esm2020/lib/pages/job-list-page/job-list-page.component.mjs

@@ -50,7 +50,7 @@ export class JobListPageComponent {
     }
 }
 JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", jobTitleclicked: "jobTitleclicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i7.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i8.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i9.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: i10.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i11.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", jobTitleclicked: "jobTitleclicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: i1.ContactListTemplateComponent, selector: "symphony-contact-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse", "hasHoverWithoutBorder"], outputs: ["clicked"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.FilterAreaComponent, selector: "symphony-filter-area" }, { type: i6.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i7.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i8.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: i9.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i10.ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: i11.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft"], outputs: ["sortChanged"] }], directives: [{ type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h3 title>Search</symphony-h3>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]

package/esm2020/lib/pages/libraries-page/libraries-page.component.mjs

@@ -21,7 +21,7 @@ export class LibrariesPageComponent {
     }
 }
 LibrariesPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LibrariesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LibrariesPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LibrariesPageComponent, selector: "symphony-libraries-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [""], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LibrariesPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LibrariesPageComponent, selector: "symphony-libraries-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [""], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LibrariesPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-libraries-page', template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [""] }]

package/esm2020/lib/pages/modals/advance-search-modal/advance-search-modal.component.mjs

@@ -28,7 +28,7 @@ export class AdvanceSearchModalComponent {
     }
 }
 AdvanceSearchModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvanceSearchModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvanceSearchModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvanceSearchModalComponent, selector: "symphony-advance-search-modal", inputs: { checkboxList: "checkboxList" }, outputs: { keywordSearchChange: "keywordSearchChange", closeButtonClicked: "closeButtonClicked", checkboxClicked: "checkboxClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>Select your filters</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-two-column-body-template [showHeader]=\"true\" sfx-modal-body-area>\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Data Sets'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n\n    <symphony-paragraph\n      class=\"sfx-d-flex sfx-mt-15\"\n      sfx-right-col-header\n      [isSecondary]=\"false\"\n      [isFontBold]=\"true\"\n    >Active Filters</symphony-paragraph>\n\n    <div class=\"select-list\" sfx-left-column [style.height.px]=\"getElementHeight.offsetHeight\">\n      <symphony-input-checkbox-list\n        [checkboxList]=\"checkboxList\"\n        (checkboxClicked)=\"onCheckboxClicked($event)\"\n      ></symphony-input-checkbox-list>\n    </div>\n    \n    <div sfx-right-column class=\"sfx-pr-10\" #getElementHeight>\n      <div>\n        <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n      </div>\n    </div>\n  </symphony-two-column-body-template>\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'See Results'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"false\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".select-list{min-height:450px;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i5.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i7.InputCheckboxListComponent, selector: "symphony-input-checkbox-list", inputs: ["checkboxList"], outputs: ["checkboxClicked"] }, { type: i8.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }] });
+AdvanceSearchModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvanceSearchModalComponent, selector: "symphony-advance-search-modal", inputs: { checkboxList: "checkboxList" }, outputs: { keywordSearchChange: "keywordSearchChange", closeButtonClicked: "closeButtonClicked", checkboxClicked: "checkboxClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>Select your filters</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-two-column-body-template [showHeader]=\"true\" sfx-modal-body-area>\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Data Sets'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n\n    <symphony-paragraph\n      class=\"sfx-d-flex sfx-mt-15\"\n      sfx-right-col-header\n      [isSecondary]=\"false\"\n      [isFontBold]=\"true\"\n    >Active Filters</symphony-paragraph>\n\n    <div class=\"select-list\" sfx-left-column [style.height.px]=\"getElementHeight.offsetHeight\">\n      <symphony-input-checkbox-list\n        [checkboxList]=\"checkboxList\"\n        (checkboxClicked)=\"onCheckboxClicked($event)\"\n      ></symphony-input-checkbox-list>\n    </div>\n    \n    <div sfx-right-column class=\"sfx-pr-10\" #getElementHeight>\n      <div>\n        <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n      </div>\n    </div>\n  </symphony-two-column-body-template>\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'See Results'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"false\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".select-list{min-height:450px;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i5.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i6.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i7.InputCheckboxListComponent, selector: "symphony-input-checkbox-list", inputs: ["checkboxList"], outputs: ["checkboxClicked"] }, { type: i8.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvanceSearchModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advance-search-modal', template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>Select your filters</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-two-column-body-template [showHeader]=\"true\" sfx-modal-body-area>\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Data Sets'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n\n    <symphony-paragraph\n      class=\"sfx-d-flex sfx-mt-15\"\n      sfx-right-col-header\n      [isSecondary]=\"false\"\n      [isFontBold]=\"true\"\n    >Active Filters</symphony-paragraph>\n\n    <div class=\"select-list\" sfx-left-column [style.height.px]=\"getElementHeight.offsetHeight\">\n      <symphony-input-checkbox-list\n        [checkboxList]=\"checkboxList\"\n        (checkboxClicked)=\"onCheckboxClicked($event)\"\n      ></symphony-input-checkbox-list>\n    </div>\n    \n    <div sfx-right-column class=\"sfx-pr-10\" #getElementHeight>\n      <div>\n        <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n      </div>\n    </div>\n  </symphony-two-column-body-template>\n  <symphony-button\n    sfx-button-secondary\n    [text]=\"'See Results'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"false\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n", styles: [".select-list{min-height:450px;overflow-y:auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}\n"] }]