@symphony-talent/component-library 3.21.0 → 3.22.0

package/esm2020/lib/organisms/action-bar/action-bar.component.mjs

@@ -14,13 +14,13 @@ export class ActionBarComponent {
     }
 }
 ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-mt-30 sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block sfx-actions\"\n        ><symphony-icon [icon]=\"'si-arrow-next'\"></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n    </div>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n  <div\n    class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items sfx-pt-40 sfx-pb-40\"\n  >\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarComponent, selector: "symphony-action-bar", inputs: { isToggled: "isToggled" }, outputs: { toggleClick: "toggleClick" }, ngImport: i0, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n    </div>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n  <div\n    class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n  >\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"], components: [{ type: i1.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-mt-30 sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block sfx-actions\"\n        ><symphony-icon [icon]=\"'si-arrow-next'\"></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n    </div>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n  <div\n    class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items sfx-pt-40 sfx-pb-40\"\n  >\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}\n"] }]
+            args: [{ selector: 'symphony-action-bar', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-title-wrap sfx-pb-30 sfx-action-bar\">\n  <div class=\"col-xs-12 col-sm-6 col-md-4 col-lg-3 sfx-p-0 sfx-action-button\">\n    <div class=\"max-contentwidth\" (click)=\"toggleClicked()\">\n      <symphony-icon-wrapper\n        [ngClass]=\"{ 'action-arrow-down': isToggled }\"\n        class=\"sfx-d-inline-block\"\n        ><symphony-icon [icon]=\"'si-arrow-bold-next'\"></symphony-icon>\n      </symphony-icon-wrapper>\n      <symphony-h5 class=\"sfx-d-inline-block sfx-ml-20\">Actions</symphony-h5>\n    </div>\n  </div>\n  <div class=\"col-xs-12 col-sm-6 col-md-8 col-lg-9 sfx-p-0\">\n    <div class=\"pull-right sfx-actions-controls\">\n      <ng-content select=\"[grid-controls]\"></ng-content>\n    </div>\n  </div>\n</div>\n<div\n  *ngIf=\"isToggled\"\n  class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-border-bottom-gray-1 sfx-pr-0\"\n>\n  <div\n    class=\"col-xs-11 col-sm-11 col-md-11 col-lg-11 sfx-actions-items\"\n  >\n    <ng-content select=\"[grid-actions]\"></ng-content>\n  </div>\n</div>\n", styles: [".sfx-action-bar{display:inline-block;width:100%;border-bottom:5px solid #000000}.sfx-action-bar .sfx-action-button .max-contentwidth{width:max-content}.sfx-action-bar .sfx-action-button .icon-wrapper i{font-weight:600}.sfx-action-bar .sfx-action-button .action-arrow-down{transform:rotate(90deg)}.sfx-actions-items{margin-top:1.875rem;padding-bottom:1.25rem}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isToggled: [{
                 type: Input
             }], toggleClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWN0aW9uLWJhci9hY3Rpb24tYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkIsTUFBTSxPQUFPLGtCQUFrQjtJQUc3QjtRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUNyQyxDQUFDO0lBQ2hCLGFBQWE7UUFDWCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDeEMsQ0FBQzs7K0dBUFUsa0JBQWtCO21HQUFsQixrQkFBa0Isd0lDZC9CLDBpQ0EyQkE7MkZEYmEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLHFCQUFxQixpQkFHaEIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsU0FBUztzQkFBakIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWN0aW9uLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWJhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25CYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBpc1RvZ2dsZWQ6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSB0b2dnbGVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuICB0b2dnbGVDbGlja2VkKCkge1xuICAgIHRoaXMuaXNUb2dnbGVkID0gIXRoaXMuaXNUb2dnbGVkO1xuICAgIHRoaXMudG9nZ2xlQ2xpY2suZW1pdCh0aGlzLmlzVG9nZ2xlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtdGl0bGUtd3JhcCBzZngtbXQtMzAgc2Z4LXBiLTMwIHNmeC1hY3Rpb24tYmFyXCI+XG4gIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTYgY29sLW1kLTQgY29sLWxnLTMgc2Z4LXAtMCBzZngtYWN0aW9uLWJ1dHRvblwiPlxuICAgIDxkaXYgY2xhc3M9XCJtYXgtY29udGVudHdpZHRoXCIgKGNsaWNrKT1cInRvZ2dsZUNsaWNrZWQoKVwiPlxuICAgICAgPHN5bXBob255LWljb24td3JhcHBlclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdhY3Rpb24tYXJyb3ctZG93bic6IGlzVG9nZ2xlZCB9XCJcbiAgICAgICAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgc2Z4LWFjdGlvbnNcIlxuICAgICAgICA+PHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLWFycm93LW5leHQnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgICA8c3ltcGhvbnktaDUgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgc2Z4LW1sLTIwXCI+QWN0aW9uczwvc3ltcGhvbnktaDU+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02IGNvbC1tZC04IGNvbC1sZy05IHNmeC1wLTBcIj5cbiAgICA8ZGl2IGNsYXNzPVwicHVsbC1yaWdodCBzZngtYWN0aW9ucy1jb250cm9sc1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWQtY29udHJvbHNdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuPGRpdlxuICAqbmdJZj1cImlzVG9nZ2xlZFwiXG4gIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyIHNmeC1ib3JkZXItYm90dG9tLWdyYXktMSBzZngtcHItMFwiXG4+XG4gIDxkaXZcbiAgICBjbGFzcz1cImNvbC14cy0xMSBjb2wtc20tMTEgY29sLW1kLTExIGNvbC1sZy0xMSBzZngtYWN0aW9ucy1pdGVtcyBzZngtcHQtNDAgc2Z4LXBiLTQwXCJcbiAgPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltncmlkLWFjdGlvbnNdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9hY3Rpb24tYmFyL2FjdGlvbi1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWN0aW9uLWJhci9hY3Rpb24tYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRdkIsTUFBTSxPQUFPLGtCQUFrQjtJQUc3QjtRQURVLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQUNyQyxDQUFDO0lBQ2hCLGFBQWE7UUFDWCxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDeEMsQ0FBQzs7K0dBUFUsa0JBQWtCO21HQUFsQixrQkFBa0Isd0lDZC9CLHFnQ0EyQkE7MkZEYmEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNFLHFCQUFxQixpQkFHaEIsaUJBQWlCLENBQUMsSUFBSTswRUFHNUIsU0FBUztzQkFBakIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktYWN0aW9uLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpb24tYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aW9uLWJhci5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpb25CYXJDb21wb25lbnQge1xuICBASW5wdXQoKSBpc1RvZ2dsZWQ6IGJvb2xlYW47XG4gIEBPdXRwdXQoKSB0b2dnbGVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuICB0b2dnbGVDbGlja2VkKCkge1xuICAgIHRoaXMuaXNUb2dnbGVkID0gIXRoaXMuaXNUb2dnbGVkO1xuICAgIHRoaXMudG9nZ2xlQ2xpY2suZW1pdCh0aGlzLmlzVG9nZ2xlZCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtdGl0bGUtd3JhcCBzZngtcGItMzAgc2Z4LWFjdGlvbi1iYXJcIj5cbiAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtNCBjb2wtbGctMyBzZngtcC0wIHNmeC1hY3Rpb24tYnV0dG9uXCI+XG4gICAgPGRpdiBjbGFzcz1cIm1heC1jb250ZW50d2lkdGhcIiAoY2xpY2spPVwidG9nZ2xlQ2xpY2tlZCgpXCI+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ2FjdGlvbi1hcnJvdy1kb3duJzogaXNUb2dnbGVkIH1cIlxuICAgICAgICBjbGFzcz1cInNmeC1kLWlubGluZS1ibG9ja1wiXG4gICAgICAgID48c3ltcGhvbnktaWNvbiBbaWNvbl09XCInc2ktYXJyb3ctYm9sZC1uZXh0J1wiPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICAgICAgPHN5bXBob255LWg1IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHNmeC1tbC0yMFwiPkFjdGlvbnM8L3N5bXBob255LWg1PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tNiBjb2wtbWQtOCBjb2wtbGctOSBzZngtcC0wXCI+XG4gICAgPGRpdiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWFjdGlvbnMtY29udHJvbHNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltncmlkLWNvbnRyb2xzXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbjxkaXZcbiAgKm5nSWY9XCJpc1RvZ2dsZWRcIlxuICBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtYm9yZGVyLWJvdHRvbS1ncmF5LTEgc2Z4LXByLTBcIlxuPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJjb2wteHMtMTEgY29sLXNtLTExIGNvbC1tZC0xMSBjb2wtbGctMTEgc2Z4LWFjdGlvbnMtaXRlbXNcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWQtYWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/organisms/action-bar-job-list/action-bar-job-list.component.mjs

@@ -5,31 +5,28 @@ import * as i2 from "../grid-controls-job-list/grid-controls-job-list.component"
 import * as i3 from "../grid-actions-job-list/grid-actions-job-list.component";
 export class ActionBarJobListComponent {
     constructor() {
-        this.ContactOrganizeClicked = new EventEmitter();
-        this.ColumnOrganizeClicked = new EventEmitter();
-        this.IconButtonClicked = new EventEmitter();
+        this.gridControlClick = new EventEmitter();
+        this.gridActionClick = new EventEmitter();
     }
-    OrganizeContactClick() {
-        this.ContactOrganizeClicked.emit();
+    onGridControlClick(gridControlsJobListModel) {
+        this.gridControlClick.emit(gridControlsJobListModel);
     }
-    IconButtonClick(text) {
-        this.IconButtonClicked.emit(text);
+    onGridActionClick(gridActionJobListModel) {
+        this.gridActionClick.emit(gridActionJobListModel);
     }
 }
 ActionBarJobListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarJobListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ActionBarJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: { gridActionJobListModel: "gridActionJobListModel", gridControlsJobListModel: "gridControlsJobListModel" }, outputs: { ContactOrganizeClicked: "ContactOrganizeClicked", ColumnOrganizeClicked: "ColumnOrganizeClicked", IconButtonClicked: "IconButtonClicked" }, ngImport: i0, template: "<symphony-action-bar>\n  <symphony-grid-controls-job-list\n    (Clicked)=\"OrganizeContactClick()\"\n    [model]=\"gridControlsJobListModel\"\n    grid-controls\n  ></symphony-grid-controls-job-list>\n  <symphony-grid-actions-job-list\n    (buttonClicked)=\"IconButtonClick($event)\"\n    [model]=\"gridActionJobListModel\"\n    grid-actions\n  ></symphony-grid-actions-job-list>\n</symphony-action-bar>\n", styles: [""], components: [{ type: i1.ActionBarComponent, selector: "symphony-action-bar", inputs: ["isToggled"], outputs: ["toggleClick"] }, { type: i2.GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", inputs: ["model"], outputs: ["Clicked"] }, { type: i3.GridActionsJobListComponent, selector: "symphony-grid-actions-job-list", inputs: ["model", "isInverse"], outputs: ["buttonClicked"] }] });
+ActionBarJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: { gridActionJobListModel: "gridActionJobListModel", gridControlsJobListModel: "gridControlsJobListModel" }, outputs: { gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, ngImport: i0, template: "<symphony-action-bar>\n  <symphony-grid-controls-job-list (Clicked)=\"onGridControlClick($event)\" (menuClicked)=\"onGridControlClick($event)\"\n    [model]=\"gridControlsJobListModel\" \n    grid-controls\n  ></symphony-grid-controls-job-list>\n  <symphony-grid-actions-job-list\n    (buttonClicked)=\"onGridActionClick($event)\"\n    [model]=\"gridActionJobListModel\"\n    grid-actions\n  ></symphony-grid-actions-job-list>\n</symphony-action-bar>\n", styles: [""], components: [{ type: i1.ActionBarComponent, selector: "symphony-action-bar", inputs: ["isToggled"], outputs: ["toggleClick"] }, { type: i2.GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", inputs: ["model"], outputs: ["Clicked", "menuClicked"] }, { type: i3.GridActionsJobListComponent, selector: "symphony-grid-actions-job-list", inputs: ["model", "isInverse"], outputs: ["buttonClicked"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ActionBarJobListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-action-bar-job-list', template: "<symphony-action-bar>\n  <symphony-grid-controls-job-list\n    (Clicked)=\"OrganizeContactClick()\"\n    [model]=\"gridControlsJobListModel\"\n    grid-controls\n  ></symphony-grid-controls-job-list>\n  <symphony-grid-actions-job-list\n    (buttonClicked)=\"IconButtonClick($event)\"\n    [model]=\"gridActionJobListModel\"\n    grid-actions\n  ></symphony-grid-actions-job-list>\n</symphony-action-bar>\n", styles: [""] }]
+            args: [{ selector: 'symphony-action-bar-job-list', template: "<symphony-action-bar>\n  <symphony-grid-controls-job-list (Clicked)=\"onGridControlClick($event)\" (menuClicked)=\"onGridControlClick($event)\"\n    [model]=\"gridControlsJobListModel\" \n    grid-controls\n  ></symphony-grid-controls-job-list>\n  <symphony-grid-actions-job-list\n    (buttonClicked)=\"onGridActionClick($event)\"\n    [model]=\"gridActionJobListModel\"\n    grid-actions\n  ></symphony-grid-actions-job-list>\n</symphony-action-bar>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { gridActionJobListModel: [{
                 type: Input
             }], gridControlsJobListModel: [{
                 type: Input
-            }], ContactOrganizeClicked: [{
+            }], gridControlClick: [{
                 type: Output
-            }], ColumnOrganizeClicked: [{
-                type: Output
-            }], IconButtonClicked: [{
+            }], gridActionClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1qb2ItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9hY3Rpb24tYmFyLWpvYi1saXN0L2FjdGlvbi1iYXItam9iLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWN0aW9uLWJhci1qb2ItbGlzdC9hY3Rpb24tYmFyLWpvYi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU3ZFLE1BQU0sT0FBTyx5QkFBeUI7SUFNcEM7UUFIVSwyQkFBc0IsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMxRSwwQkFBcUIsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUN6RSxzQkFBaUIsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUNoRSxDQUFDO0lBQ2hCLG9CQUFvQjtRQUNsQixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckMsQ0FBQztJQUNELGVBQWUsQ0FBQyxJQUFXO1FBQ3pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7c0hBWlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsK1VDVHRDLHVaQVlBOzJGREhhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSw4QkFBOEI7MEVBSy9CLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBQ0ksc0JBQXNCO3NCQUEvQixNQUFNO2dCQUNHLHFCQUFxQjtzQkFBOUIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNKb2JMaXN0TW9kZWwgfSBmcm9tICcuLi9ncmlkLWFjdGlvbnMtam9iLWxpc3QvZ3JpZC1hY3Rpb25zLWpvYi1saXN0Lm1vZGVsJztcbmltcG9ydCB7IEdyaWRDb250cm9sc0pvYkxpc3RNb2RlbCB9IGZyb20gJy4uL2dyaWQtY29udHJvbHMtam9iLWxpc3QvZ3JpZC1jb250cm9scy1qb2ItbGlzdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWFjdGlvbi1iYXItam9iLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJhci1qb2ItbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1iYXItam9iLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uQmFySm9iTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGdyaWRBY3Rpb25Kb2JMaXN0TW9kZWw6IEdyaWRBY3Rpb25zSm9iTGlzdE1vZGVsW107XG4gIEBJbnB1dCgpIGdyaWRDb250cm9sc0pvYkxpc3RNb2RlbDogR3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsO1xuICBAT3V0cHV0KCkgQ29udGFjdE9yZ2FuaXplQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIENvbHVtbk9yZ2FuaXplQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIEljb25CdXR0b25DbGlja2VkOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG4gIE9yZ2FuaXplQ29udGFjdENsaWNrKCkge1xuICAgIHRoaXMuQ29udGFjdE9yZ2FuaXplQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbiAgSWNvbkJ1dHRvbkNsaWNrKHRleHQ6c3RyaW5nKSB7XG4gICAgdGhpcy5JY29uQnV0dG9uQ2xpY2tlZC5lbWl0KHRleHQpO1xuICB9XG59XG4iLCI8c3ltcGhvbnktYWN0aW9uLWJhcj5cbiAgPHN5bXBob255LWdyaWQtY29udHJvbHMtam9iLWxpc3RcbiAgICAoQ2xpY2tlZCk9XCJPcmdhbml6ZUNvbnRhY3RDbGljaygpXCJcbiAgICBbbW9kZWxdPVwiZ3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsXCJcbiAgICBncmlkLWNvbnRyb2xzXG4gID48L3N5bXBob255LWdyaWQtY29udHJvbHMtam9iLWxpc3Q+XG4gIDxzeW1waG9ueS1ncmlkLWFjdGlvbnMtam9iLWxpc3RcbiAgICAoYnV0dG9uQ2xpY2tlZCk9XCJJY29uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgW21vZGVsXT1cImdyaWRBY3Rpb25Kb2JMaXN0TW9kZWxcIlxuICAgIGdyaWQtYWN0aW9uc1xuICA+PC9zeW1waG9ueS1ncmlkLWFjdGlvbnMtam9iLWxpc3Q+XG48L3N5bXBob255LWFjdGlvbi1iYXI+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWJhci1qb2ItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9hY3Rpb24tYmFyLWpvYi1saXN0L2FjdGlvbi1iYXItam9iLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvYWN0aW9uLWJhci1qb2ItbGlzdC9hY3Rpb24tYmFyLWpvYi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBU3ZFLE1BQU0sT0FBTyx5QkFBeUI7SUFLcEM7UUFGVSxxQkFBZ0IsR0FBRyxJQUFJLFlBQVksRUFBNEIsQ0FBQztRQUNoRSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUEyQixDQUFDO0lBQ3pELENBQUM7SUFDaEIsa0JBQWtCLENBQUMsd0JBQXdCO1FBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBQ0QsaUJBQWlCLENBQUMsc0JBQXNCO1FBQ3RDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDcEQsQ0FBQzs7c0hBWFUseUJBQXlCOzBHQUF6Qix5QkFBeUIsK1FDVHRDLHNjQVdBOzJGREZhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSw4QkFBOEI7MEVBSy9CLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDRyx3QkFBd0I7c0JBQWhDLEtBQUs7Z0JBQ0ksZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgR3JpZEFjdGlvbnNKb2JMaXN0TW9kZWwgfSBmcm9tICcuLi9ncmlkLWFjdGlvbnMtam9iLWxpc3QvZ3JpZC1hY3Rpb25zLWpvYi1saXN0Lm1vZGVsJztcbmltcG9ydCB7IEdyaWRDb250cm9sc0pvYkxpc3RNb2RlbCB9IGZyb20gJy4uL2dyaWQtY29udHJvbHMtam9iLWxpc3QvZ3JpZC1jb250cm9scy1qb2ItbGlzdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWFjdGlvbi1iYXItam9iLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWJhci1qb2ItbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1iYXItam9iLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQWN0aW9uQmFySm9iTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGdyaWRBY3Rpb25Kb2JMaXN0TW9kZWw6IEdyaWRBY3Rpb25zSm9iTGlzdE1vZGVsW107XG4gIEBJbnB1dCgpIGdyaWRDb250cm9sc0pvYkxpc3RNb2RlbDogR3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsO1xuICBAT3V0cHV0KCkgZ3JpZENvbnRyb2xDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8R3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsPigpO1xuICBAT3V0cHV0KCkgZ3JpZEFjdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxHcmlkQWN0aW9uc0pvYkxpc3RNb2RlbD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuICBvbkdyaWRDb250cm9sQ2xpY2soZ3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsKSB7XG4gICAgdGhpcy5ncmlkQ29udHJvbENsaWNrLmVtaXQoZ3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsKTtcbiAgfVxuICBvbkdyaWRBY3Rpb25DbGljayhncmlkQWN0aW9uSm9iTGlzdE1vZGVsKSB7XG4gICAgdGhpcy5ncmlkQWN0aW9uQ2xpY2suZW1pdChncmlkQWN0aW9uSm9iTGlzdE1vZGVsKTtcbiAgfVxufVxuIiwiPHN5bXBob255LWFjdGlvbi1iYXI+XG4gIDxzeW1waG9ueS1ncmlkLWNvbnRyb2xzLWpvYi1saXN0IChDbGlja2VkKT1cIm9uR3JpZENvbnRyb2xDbGljaygkZXZlbnQpXCIgKG1lbnVDbGlja2VkKT1cIm9uR3JpZENvbnRyb2xDbGljaygkZXZlbnQpXCJcbiAgICBbbW9kZWxdPVwiZ3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsXCIgXG4gICAgZ3JpZC1jb250cm9sc1xuICA+PC9zeW1waG9ueS1ncmlkLWNvbnRyb2xzLWpvYi1saXN0PlxuICA8c3ltcGhvbnktZ3JpZC1hY3Rpb25zLWpvYi1saXN0XG4gICAgKGJ1dHRvbkNsaWNrZWQpPVwib25HcmlkQWN0aW9uQ2xpY2soJGV2ZW50KVwiXG4gICAgW21vZGVsXT1cImdyaWRBY3Rpb25Kb2JMaXN0TW9kZWxcIlxuICAgIGdyaWQtYWN0aW9uc1xuICA+PC9zeW1waG9ueS1ncmlkLWFjdGlvbnMtam9iLWxpc3Q+XG48L3N5bXBob255LWFjdGlvbi1iYXI+XG4iXX0=

package/esm2020/lib/organisms/confirmation-modal/confirmation-modal.component.mjs

@@ -0,0 +1,33 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/h4/h4.component";
+import * as i2 from "../../atoms/icon/icon.component";
+import * as i3 from "../../atoms/paragraph/paragraph.component";
+import * as i4 from "../../atoms/button/button.component";
+import * as i5 from "@angular/common";
+export class ConfirmationModalComponent {
+    constructor() {
+        this.model = {};
+        this.buttonClicked = new EventEmitter();
+        this.closeButtonClicked = new EventEmitter();
+    }
+    onButtonClick(text) {
+        this.buttonClicked.emit(text);
+    }
+    onCloseButtonClick() {
+        this.closeButtonClicked.emit();
+    }
+}
+ConfirmationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ConfirmationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked" }, 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 [text]=\"model.title\"\n                    ></symphony-h4\n                  >\n                </div>\n                <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n                    <symphony-icon\n                    class=\"pull-right\"\n                    [icon]=\"'si-close-modal'\"\n                    (clicked)=\"onCloseButtonClick()\"\n                  ></symphony-icon>\n                </div>  \n                <div *ngIf=\"model.subTitle\" class=\"col-xs-12\">\n                    <symphony-paragraph class=\"sfx-mt-15 sfx-d-block\" [text]=\"model.subTitle\"\n                    ></symphony-paragraph\n                  >\n                </div>              \n            </div>\n        </div>\n    </section>\n    <section class=\"modal-body sfx-p-30\">\n        <symphony-paragraph>{{model.content}} <span *ngIf=\"model.selectedItem\">'{{model.selectedItem}}'?</span></symphony-paragraph>\n    </section>\n    <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n        <symphony-button\n        [text]=\"model.btnSecondary\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onButtonClick($event)\"\n      ></symphony-button>\n      <symphony-button\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      [disabled]=\"false\"\n      (clicked)=\"onButtonClick($event)\"\n    ></symphony-button>\n    </section>\n</div>", styles: [""], components: [{ type: i1.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: i4.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-confirmation-modal', 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 [text]=\"model.title\"\n                    ></symphony-h4\n                  >\n                </div>\n                <div class=\"col-xs-4 col-sm-4 col-md-4 col-lg-4\">\n                    <symphony-icon\n                    class=\"pull-right\"\n                    [icon]=\"'si-close-modal'\"\n                    (clicked)=\"onCloseButtonClick()\"\n                  ></symphony-icon>\n                </div>  \n                <div *ngIf=\"model.subTitle\" class=\"col-xs-12\">\n                    <symphony-paragraph class=\"sfx-mt-15 sfx-d-block\" [text]=\"model.subTitle\"\n                    ></symphony-paragraph\n                  >\n                </div>              \n            </div>\n        </div>\n    </section>\n    <section class=\"modal-body sfx-p-30\">\n        <symphony-paragraph>{{model.content}} <span *ngIf=\"model.selectedItem\">'{{model.selectedItem}}'?</span></symphony-paragraph>\n    </section>\n    <section class=\"modal-footer sfx-pt-30 sfx-pb-40\">\n        <symphony-button\n        [text]=\"model.btnSecondary\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onButtonClick($event)\"\n      ></symphony-button>\n      <symphony-button\n      class=\"sfx-ml-20\"\n      [text]=\"model.btnPrimary\"\n      [disabled]=\"false\"\n      (clicked)=\"onButtonClick($event)\"\n    ></symphony-button>\n    </section>\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+                type: Input
+            }], buttonClicked: [{
+                type: Output
+            }], closeButtonClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2NvbmZpcm1hdGlvbi1tb2RhbC9jb25maXJtYXRpb24tbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvY29uZmlybWF0aW9uLW1vZGFsL2NvbmZpcm1hdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUXZFLE1BQU0sT0FBTywwQkFBMEI7SUFJckM7UUFIUyxVQUFLLEdBQStCLEVBQUUsQ0FBQztRQUN0QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDM0MsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUMzQyxDQUFDO0lBRWhCLGFBQWEsQ0FBQyxJQUFZO1FBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7O3VIQVpVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLHNMQ1J2QywrbERBd0NNOzJGRGhDTywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UsNkJBQTZCOzBFQUs5QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uTW9kZWwgfSBmcm9tICcuL2NvbmZpcm1hdGlvbi1tb2RhbC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNvbmZpcm1hdGlvbi1tb2RhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb25maXJtYXRpb24tbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb25maXJtYXRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29uZmlybWF0aW9uTW9kYWxDb21wb25lbnQge1xuICBASW5wdXQoKSBtb2RlbDogUGFydGlhbDxDb25maXJtYXRpb25Nb2RlbD4gPSB7fTtcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQE91dHB1dCgpIGNsb3NlQnV0dG9uQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25CdXR0b25DbGljayh0ZXh0OiBzdHJpbmcpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrZWQuZW1pdCh0ZXh0KTtcbiAgfVxuXG4gIG9uQ2xvc2VCdXR0b25DbGljaygpIHtcbiAgICB0aGlzLmNsb3NlQnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZnggc2Z4LW1vZGFsXCI+XG4gICAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1oZWFkZXIgc2Z4LXAtMzAgc2Z4LXB0LTQwXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtb2RhbC10aXRsZVwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtOCBjb2wtc20tOCBjb2wtbWQtOCBjb2wtbGctOFwiPlxuICAgICAgICAgICAgICAgICAgICA8c3ltcGhvbnktaDQgW3RleHRdPVwibW9kZWwudGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICA+PC9zeW1waG9ueS1oNFxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtNCBjb2wtc20tNCBjb2wtbWQtNCBjb2wtbGctNFwiPlxuICAgICAgICAgICAgICAgICAgICA8c3ltcGhvbnktaWNvblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInB1bGwtcmlnaHRcIlxuICAgICAgICAgICAgICAgICAgICBbaWNvbl09XCInc2ktY2xvc2UtbW9kYWwnXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrZWQpPVwib25DbG9zZUJ1dHRvbkNsaWNrKClcIlxuICAgICAgICAgICAgICAgICAgPjwvc3ltcGhvbnktaWNvbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj4gIFxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJtb2RlbC5zdWJUaXRsZVwiIGNsYXNzPVwiY29sLXhzLTEyXCI+XG4gICAgICAgICAgICAgICAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJzZngtbXQtMTUgc2Z4LWQtYmxvY2tcIiBbdGV4dF09XCJtb2RlbC5zdWJUaXRsZVwiXG4gICAgICAgICAgICAgICAgICAgID48L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDwvZGl2PiAgICAgICAgICAgICAgXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9zZWN0aW9uPlxuICAgIDxzZWN0aW9uIGNsYXNzPVwibW9kYWwtYm9keSBzZngtcC0zMFwiPlxuICAgICAgICA8c3ltcGhvbnktcGFyYWdyYXBoPnt7bW9kZWwuY29udGVudH19IDxzcGFuICpuZ0lmPVwibW9kZWwuc2VsZWN0ZWRJdGVtXCI+J3t7bW9kZWwuc2VsZWN0ZWRJdGVtfX0nPzwvc3Bhbj48L3N5bXBob255LXBhcmFncmFwaD5cbiAgICA8L3NlY3Rpb24+XG4gICAgPHNlY3Rpb24gY2xhc3M9XCJtb2RhbC1mb290ZXIgc2Z4LXB0LTMwIHNmeC1wYi00MFwiPlxuICAgICAgICA8c3ltcGhvbnktYnV0dG9uXG4gICAgICAgIFt0ZXh0XT1cIm1vZGVsLmJ0blNlY29uZGFyeVwiXG4gICAgICAgIFtpc1NlY29uZGFyeV09XCJ0cnVlXCJcbiAgICAgICAgKGNsaWNrZWQpPVwib25CdXR0b25DbGljaygkZXZlbnQpXCJcbiAgICAgID48L3N5bXBob255LWJ1dHRvbj5cbiAgICAgIDxzeW1waG9ueS1idXR0b25cbiAgICAgIGNsYXNzPVwic2Z4LW1sLTIwXCJcbiAgICAgIFt0ZXh0XT1cIm1vZGVsLmJ0blByaW1hcnlcIlxuICAgICAgW2Rpc2FibGVkXT1cImZhbHNlXCJcbiAgICAgIChjbGlja2VkKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uPlxuICAgIDwvc2VjdGlvbj5cbjwvZGl2PiJdfQ==

package/esm2020/lib/organisms/confirmation-modal/confirmation-modal.model.mjs

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

package/esm2020/lib/organisms/confirmation-modal/confirmation-modal.module.mjs

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ConfirmationModalComponent } from './confirmation-modal.component';
+import { H4Module } from '../../atoms/h4/h4.module';
+import { ParagraphModule } from '../../atoms/paragraph/paragraph.module';
+import { IconModule } from '../../atoms/icon/icon.module';
+import { ButtonModule } from '../../atoms/button/button.module';
+import * as i0 from "@angular/core";
+export class ConfirmationModalModule {
+}
+ConfirmationModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ConfirmationModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, declarations: [ConfirmationModalComponent], imports: [CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule], exports: [ConfirmationModalComponent] });
+ConfirmationModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, imports: [[CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ConfirmationModalModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [ConfirmationModalComponent],
+                    imports: [CommonModule, H4Module, ParagraphModule, IconModule, ButtonModule],
+                    exports: [ConfirmationModalComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLW1vZGFsLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2NvbmZpcm1hdGlvbi1tb2RhbC9jb25maXJtYXRpb24tbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDekUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7QUFPaEUsTUFBTSxPQUFPLHVCQUF1Qjs7b0hBQXZCLHVCQUF1QjtxSEFBdkIsdUJBQXVCLGlCQUpuQiwwQkFBMEIsYUFDL0IsWUFBWSxFQUFFLFFBQVEsRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLFlBQVksYUFDakUsMEJBQTBCO3FIQUV6Qix1QkFBdUIsWUFIekIsQ0FBQyxZQUFZLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsWUFBWSxDQUFDOzJGQUdqRSx1QkFBdUI7a0JBTG5DLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsMEJBQTBCLENBQUM7b0JBQzFDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxZQUFZLENBQUM7b0JBQzVFLE9BQU8sRUFBRSxDQUFDLDBCQUEwQixDQUFDO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uTW9kYWxDb21wb25lbnQgfSBmcm9tICcuL2NvbmZpcm1hdGlvbi1tb2RhbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSDRNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oNC9oNC5tb2R1bGUnO1xuaW1wb3J0IHsgUGFyYWdyYXBoTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvcGFyYWdyYXBoL3BhcmFncmFwaC5tb2R1bGUnO1xuaW1wb3J0IHsgSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24vaWNvbi5tb2R1bGUnO1xuaW1wb3J0IHsgQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDb25maXJtYXRpb25Nb2RhbENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEg0TW9kdWxlLCBQYXJhZ3JhcGhNb2R1bGUsIEljb25Nb2R1bGUsIEJ1dHRvbk1vZHVsZV0sXG4gIGV4cG9ydHM6IFtDb25maXJtYXRpb25Nb2RhbENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIENvbmZpcm1hdGlvbk1vZGFsTW9kdWxlIHt9XG4iXX0=

package/esm2020/lib/organisms/document-management-list/document-management-list.component.mjs

@@ -0,0 +1,43 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../../atoms/h3/h3.component";
+import * as i2 from "../../atoms/icon-wrapper/icon-wrapper.component";
+import * as i3 from "../../atoms/icon/icon.component";
+import * as i4 from "../../molecules/document-management-item/document-management-item.component";
+import * as i5 from "../../atoms/sfx-loader/sfx-loader.component";
+import * as i6 from "@angular/common";
+export class DocumentManagementListComponent {
+    constructor() {
+        this.isLoading = true;
+        this.moreOptionClick = new EventEmitter();
+        this.previewClick = new EventEmitter();
+        this.uploadClick = new EventEmitter();
+    }
+    ngOnInit() {
+        this.isLoading = false;
+    }
+    onMoreClick(documentManagementItemModel) {
+        this.moreOptionClick.emit(documentManagementItemModel);
+    }
+    onPreviewClick(documentManagementItemModel) {
+        this.previewClick.emit(documentManagementItemModel);
+    }
+    onUploadClick() {
+        this.uploadClick.emit();
+    }
+}
+DocumentManagementListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DocumentManagementListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: DocumentManagementListComponent, selector: "symphony-document-management-list", inputs: { documentManagementList: "documentManagementList" }, outputs: { moreOptionClick: "moreOptionClick", previewClick: "previewClick", uploadClick: "uploadClick" }, ngImport: i0, template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event)\"\n        (previewClicked)=\"onPreviewClick($event)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"], components: [{ type: i1.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.DocumentManagementItemComponent, selector: "symphony-document-management-item", inputs: ["documentManagementItemModel"], outputs: ["previewClicked", "moreOptionClicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-document-management-list', template: "<section class=\"sf-d-block sfx-pb-20 sfx-border-bottom-black-5\">\n  <div class=\"dml-title-wrap\">\n    <symphony-h3 class=\"sfx-d-block sfx-pt-5\">Documents</symphony-h3>\n    <symphony-icon-wrapper (click)=\"onUploadClick()\"\n    class=\"dml-title-icon-right\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  </div>\n  <ul *ngIf=\"!isLoading\" class=\"list-unstyled dml-wrap\">\n    <li *ngFor=\"let dmItem of documentManagementList\">\n      <symphony-document-management-item\n        [documentManagementItemModel]=\"dmItem\"\n        (moreOptionClicked)=\"onMoreClick($event)\"\n        (previewClicked)=\"onPreviewClick($event)\"\n      ></symphony-document-management-item>\n    </li>\n  </ul>\n  <div *ngIf=\"isLoading\">\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n</section>\n", styles: [".dml-wrap{max-height:245px;overflow-y:auto;overflow-x:hidden}.dml-wrap li{border-bottom:1px solid #bababa}.dml-wrap li:last-child{border-color:transparent}.dml-title-wrap{position:relative;margin-bottom:20px}.dml-title-wrap .dml-title-icon-right{position:absolute;top:0;right:0}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { documentManagementList: [{
+                type: Input
+            }], moreOptionClick: [{
+                type: Output
+            }], previewClick: [{
+                type: Output
+            }], uploadClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC9kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0L2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVEvRSxNQUFNLE9BQU8sK0JBQStCO0lBTTFDO1FBTEEsY0FBUyxHQUFZLElBQUksQ0FBQztRQUVoQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO1FBQ2xFLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQStCLENBQUM7UUFDL0QsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ3BDLENBQUM7SUFFaEIsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLEdBQUUsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxXQUFXLENBQUMsMkJBQTJCO1FBQ3JDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLDJCQUEyQixDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVELGNBQWMsQ0FBQywyQkFBMkI7UUFDeEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsYUFBYTtRQUNYLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQzs7NEhBckJVLCtCQUErQjtnSEFBL0IsK0JBQStCLGtQQ1I1QyxvMUJBc0JBOzJGRGRhLCtCQUErQjtrQkFMM0MsU0FBUzsrQkFDRSxtQ0FBbUM7MEVBTXBDLHNCQUFzQjtzQkFBOUIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLFlBQVk7c0JBQXJCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW0vZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRMaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgaXNMb2FkaW5nOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgZG9jdW1lbnRNYW5hZ2VtZW50TGlzdDogRG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsW107XG4gIEBPdXRwdXQoKSBtb3JlT3B0aW9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbD4oKTtcbiAgQE91dHB1dCgpIHByZXZpZXdDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8RG9jdW1lbnRNYW5hZ2VtZW50SXRlbU1vZGVsPigpO1xuICBAT3V0cHV0KCkgdXBsb2FkQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaXNMb2FkaW5nPSBmYWxzZTtcbiAgfVxuICBvbk1vcmVDbGljayhkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwpIHtcbiAgICB0aGlzLm1vcmVPcHRpb25DbGljay5lbWl0KGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbCk7XG4gIH1cblxuICBvblByZXZpZXdDbGljayhkb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kZWwpIHtcbiAgICB0aGlzLnByZXZpZXdDbGljay5lbWl0KGRvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbCk7XG4gIH1cblxuICBvblVwbG9hZENsaWNrKCl7XG4gICAgdGhpcy51cGxvYWRDbGljay5lbWl0KCk7XG4gIH1cblxufVxuIiwiPHNlY3Rpb24gY2xhc3M9XCJzZi1kLWJsb2NrIHNmeC1wYi0yMCBzZngtYm9yZGVyLWJvdHRvbS1ibGFjay01XCI+XG4gIDxkaXYgY2xhc3M9XCJkbWwtdGl0bGUtd3JhcFwiPlxuICAgIDxzeW1waG9ueS1oMyBjbGFzcz1cInNmeC1kLWJsb2NrIHNmeC1wdC01XCI+RG9jdW1lbnRzPC9zeW1waG9ueS1oMz5cbiAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyIChjbGljayk9XCJvblVwbG9hZENsaWNrKClcIlxuICAgIGNsYXNzPVwiZG1sLXRpdGxlLWljb24tcmlnaHRcIlxuICA+XG4gICAgPHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLWFkZCdcIj48L3N5bXBob255LWljb24+XG4gIDwvc3ltcGhvbnktaWNvbi13cmFwcGVyPlxuICA8L2Rpdj5cbiAgPHVsICpuZ0lmPVwiIWlzTG9hZGluZ1wiIGNsYXNzPVwibGlzdC11bnN0eWxlZCBkbWwtd3JhcFwiPlxuICAgIDxsaSAqbmdGb3I9XCJsZXQgZG1JdGVtIG9mIGRvY3VtZW50TWFuYWdlbWVudExpc3RcIj5cbiAgICAgIDxzeW1waG9ueS1kb2N1bWVudC1tYW5hZ2VtZW50LWl0ZW1cbiAgICAgICAgW2RvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2RlbF09XCJkbUl0ZW1cIlxuICAgICAgICAobW9yZU9wdGlvbkNsaWNrZWQpPVwib25Nb3JlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAgIChwcmV2aWV3Q2xpY2tlZCk9XCJvblByZXZpZXdDbGljaygkZXZlbnQpXCJcbiAgICAgID48L3N5bXBob255LWRvY3VtZW50LW1hbmFnZW1lbnQtaXRlbT5cbiAgICA8L2xpPlxuICA8L3VsPlxuICA8ZGl2ICpuZ0lmPVwiaXNMb2FkaW5nXCI+XG4gICAgPHN5bXBob255LXNmeC1sb2FkZXI+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2020/lib/organisms/document-management-list/document-management-list.module.mjs

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { DocumentManagementListComponent } from './document-management-list.component';
+import { DocumentManagementItemModule } from '../../molecules/document-management-item/document-management-item.module';
+import { H3Module } from '../../atoms/h3/h3.module';
+import { SfxLoaderModule } from '../../atoms/sfx-loader/sfx-loader.module';
+import { IconModule } from '../../atoms/icon/icon.module';
+import { IconWrapperModule } from '../../atoms/icon-wrapper/icon-wrapper.module';
+import * as i0 from "@angular/core";
+export class DocumentManagementListModule {
+}
+DocumentManagementListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DocumentManagementListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, declarations: [DocumentManagementListComponent], imports: [CommonModule, H3Module, DocumentManagementItemModule, SfxLoaderModule, IconModule, IconWrapperModule], exports: [DocumentManagementListComponent] });
+DocumentManagementListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, imports: [[CommonModule, H3Module, DocumentManagementItemModule, SfxLoaderModule, IconModule, IconWrapperModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: DocumentManagementListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DocumentManagementListComponent],
+                    imports: [CommonModule, H3Module, DocumentManagementItemModule, SfxLoaderModule, IconModule, IconWrapperModule],
+                    exports: [DocumentManagementListComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG9jdW1lbnQtbWFuYWdlbWVudC1saXN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2RvY3VtZW50LW1hbmFnZW1lbnQtbGlzdC9kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDBFQUEwRSxDQUFDO0FBQ3hILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzFELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDOztBQU9qRixNQUFNLE9BQU8sNEJBQTRCOzt5SEFBNUIsNEJBQTRCOzBIQUE1Qiw0QkFBNEIsaUJBSnhCLCtCQUErQixhQUNwQyxZQUFZLEVBQUUsUUFBUSxFQUFFLDRCQUE0QixFQUFFLGVBQWUsRUFBRSxVQUFVLEVBQUUsaUJBQWlCLGFBQ3BHLCtCQUErQjswSEFFOUIsNEJBQTRCLFlBSDlCLENBQUMsWUFBWSxFQUFFLFFBQVEsRUFBRSw0QkFBNEIsRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLGlCQUFpQixDQUFDOzJGQUdwRyw0QkFBNEI7a0JBTHhDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsK0JBQStCLENBQUM7b0JBQy9DLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxRQUFRLEVBQUUsNEJBQTRCLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsQ0FBQztvQkFDL0csT0FBTyxFQUFFLENBQUMsK0JBQStCLENBQUM7aUJBQzNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBEb2N1bWVudE1hbmFnZW1lbnRMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi9kb2N1bWVudC1tYW5hZ2VtZW50LWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IERvY3VtZW50TWFuYWdlbWVudEl0ZW1Nb2R1bGUgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvZG9jdW1lbnQtbWFuYWdlbWVudC1pdGVtL2RvY3VtZW50LW1hbmFnZW1lbnQtaXRlbS5tb2R1bGUnO1xuaW1wb3J0IHsgSDNNb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9oMy9oMy5tb2R1bGUnO1xuaW1wb3J0IHsgU2Z4TG9hZGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvc2Z4LWxvYWRlci9zZngtbG9hZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvaWNvbi9pY29uLm1vZHVsZSc7XG5pbXBvcnQgeyBJY29uV3JhcHBlck1vZHVsZSB9IGZyb20gJy4uLy4uL2F0b21zL2ljb24td3JhcHBlci9pY29uLXdyYXBwZXIubW9kdWxlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbRG9jdW1lbnRNYW5hZ2VtZW50TGlzdENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEgzTW9kdWxlLCBEb2N1bWVudE1hbmFnZW1lbnRJdGVtTW9kdWxlLCBTZnhMb2FkZXJNb2R1bGUsIEljb25Nb2R1bGUsIEljb25XcmFwcGVyTW9kdWxlXSxcbiAgZXhwb3J0czogW0RvY3VtZW50TWFuYWdlbWVudExpc3RDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBEb2N1bWVudE1hbmFnZW1lbnRMaXN0TW9kdWxlIHt9XG4iXX0=

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

@@ -9,10 +9,10 @@ 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)}.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: { 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 });
 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)}.panel-open .accordion-toggle symphony-icon{transform:none}\n"] }]
+            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: [{

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

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

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

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

package/esm2020/lib/organisms/grid-controls-job-list/grid-controls-job-list.component.mjs

@@ -8,6 +8,7 @@ import * as i5 from "@angular/common";
 export class GridControlsJobListComponent {
     constructor() {
         this.Clicked = new EventEmitter();
+        this.menuClicked = new EventEmitter();
         this.gridMoreActions = {
             hasBorder: false,
             items: [],
@@ -16,18 +17,23 @@ export class GridControlsJobListComponent {
     onClick() {
         this.Clicked.emit();
     }
+    onItemClick(item) {
+        this.menuClicked.emit(item);
+    }
     ngOnInit() {
         this.gridMoreActions.items = this.model.gridActions;
     }
 }
 GridControlsJobListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsJobListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridControlsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", inputs: { model: "model" }, outputs: { Clicked: "Clicked" }, ngImport: i0, template: "<div class=\"sfx-actions\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+GridControlsJobListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridControlsJobListComponent, selector: "symphony-grid-controls-job-list", inputs: { model: "model" }, outputs: { Clicked: "Clicked", menuClicked: "menuClicked" }, ngImport: i0, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }, { type: i2.IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridControlsJobListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-grid-controls-job-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
+            args: [{ selector: 'symphony-grid-controls-job-list', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-action\">\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-mt-10 sfx-pr-30\"\n    *ngIf=\"model.gridRowCount\"\n  >\n    <strong class=\"text-label\">{{ model.gridRowCount }}</strong>\n  </div>\n  <div\n    class=\"sfx-d-inline-block pull-left sfx-pr-20\"\n    *ngIf=\"model.showCustomiseColumns\"\n  >\n    <symphony-tooltip-wrapper\n      [tooltipHtml]=\"'Customise Columns'\"\n      [placement]=\"'top'\"\n      class=\"actionIcon-tooltip\"\n    >\n      <symphony-icon-wrapper (click)=\"onClick()\"\n        ><symphony-icon [icon]=\"'si-organize-columns'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n  </div>\n  <div class=\"sfx-d-inline-block pull-left\">\n    <symphony-contextual-menu\n      class=\"task-more-option\"\n      *ngIf=\"gridMoreActions && gridMoreActions.items.length > 0\"\n      [model]=\"gridMoreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n  </div>\n</div>\n", styles: [".task-more-option .btn-group .dropdown-menu{min-width:200px!important}.actionIcon-tooltip .tooltip{min-width:160px}.actionIcon-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionIcon-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], Clicked: [{
                 type: Output
+            }], menuClicked: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1jb250cm9scy1qb2ItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9ncmlkLWNvbnRyb2xzLWpvYi1saXN0L2dyaWQtY29udHJvbHMtam9iLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1jb250cm9scy1qb2ItbGlzdC9ncmlkLWNvbnRyb2xzLWpvYi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBVXZCLE1BQU0sT0FBTyw0QkFBNEI7SUFRdkM7UUFOVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0QyxvQkFBZSxHQUF3QjtZQUM1QyxTQUFTLEVBQUUsS0FBSztZQUNoQixLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUM7SUFFYSxDQUFDO0lBRWhCLE9BQU87UUFDTCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUM7SUFDdEQsQ0FBQzs7eUhBaEJVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLG9JQ2pCekMsMDdCQThCQTsyRkRiYSw0QkFBNEI7a0JBTnhDLFNBQVM7K0JBQ0UsaUNBQWlDLGlCQUc1QixpQkFBaUIsQ0FBQyxJQUFJOzBFQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRleHR1YWxNZW51TW9kZWwgfSBmcm9tICcuLi8uLi9hdG9tcy9jb250ZXh0dWFsLW1lbnUvY29udGV4dHVhbC1tZW51Lm1vZGVsJztcbmltcG9ydCB7IEdyaWRDb250cm9sc0pvYkxpc3RNb2RlbCB9IGZyb20gJy4vZ3JpZC1jb250cm9scy1qb2ItbGlzdC5tb2RlbCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWdyaWQtY29udHJvbHMtam9iLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3JpZC1jb250cm9scy1qb2ItbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtY29udHJvbHMtam9iLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgR3JpZENvbnRyb2xzSm9iTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBHcmlkQ29udHJvbHNKb2JMaXN0TW9kZWw7XG4gIEBPdXRwdXQoKSBDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBwdWJsaWMgZ3JpZE1vcmVBY3Rpb25zOiBDb250ZXh0dWFsTWVudU1vZGVsID0ge1xuICAgIGhhc0JvcmRlcjogZmFsc2UsXG4gICAgaXRlbXM6IFtdLFxuICB9O1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkNsaWNrKCkge1xuICAgIHRoaXMuQ2xpY2tlZC5lbWl0KCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdyaWRNb3JlQWN0aW9ucy5pdGVtcyA9IHRoaXMubW9kZWwuZ3JpZEFjdGlvbnM7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtYWN0aW9uc1wiPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1tdC0xMCBzZngtcHItMzBcIlxuICAgICpuZ0lmPVwibW9kZWwuZ3JpZFJvd0NvdW50XCJcbiAgPlxuICAgIDxzdHJvbmcgY2xhc3M9XCJ0ZXh0LWxhYmVsXCI+e3sgbW9kZWwuZ3JpZFJvd0NvdW50IH19PC9zdHJvbmc+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1wci0yMFwiXG4gICAgKm5nSWY9XCJtb2RlbC5zaG93Q3VzdG9taXNlQ29sdW1uc1wiXG4gID5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0N1c3RvbWlzZSBDb2x1bW5zJ1wiXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIGNsYXNzPVwiYWN0aW9uSWNvbi10b29sdGlwXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgICAgICA+PHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLW9yZ2FuaXplLWNvbHVtbnMnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgIGNsYXNzPVwidGFzay1tb3JlLW9wdGlvblwiXG4gICAgICAqbmdJZj1cImdyaWRNb3JlQWN0aW9ucyAmJiBncmlkTW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBbbW9kZWxdPVwiZ3JpZE1vcmVBY3Rpb25zXCJcbiAgICA+XG4gICAgPC9zeW1waG9ueS1jb250ZXh0dWFsLW1lbnU+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1jb250cm9scy1qb2ItbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9ncmlkLWNvbnRyb2xzLWpvYi1saXN0L2dyaWQtY29udHJvbHMtam9iLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1jb250cm9scy1qb2ItbGlzdC9ncmlkLWNvbnRyb2xzLWpvYi1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBVXZCLE1BQU0sT0FBTyw0QkFBNEI7SUFTdkM7UUFQVSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNuQyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFDNUMsb0JBQWUsR0FBd0I7WUFDNUMsU0FBUyxFQUFFLEtBQUs7WUFDaEIsS0FBSyxFQUFFLEVBQUU7U0FDVixDQUFDO0lBRWEsQ0FBQztJQUVoQixPQUFPO1FBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBQ0QsV0FBVyxDQUFDLElBQVk7UUFDdEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDN0IsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQztJQUN0RCxDQUFDOzt5SEFuQlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsZ0tDakJ6QyxvK0JBK0JBOzJGRGRhLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFDRSxpQ0FBaUMsaUJBRzVCLGlCQUFpQixDQUFDLElBQUk7MEVBRzVCLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudU1vZGVsIH0gZnJvbSAnLi4vLi4vYXRvbXMvY29udGV4dHVhbC1tZW51L2NvbnRleHR1YWwtbWVudS5tb2RlbCc7XG5pbXBvcnQgeyBHcmlkQ29udHJvbHNKb2JMaXN0TW9kZWwgfSBmcm9tICcuL2dyaWQtY29udHJvbHMtam9iLWxpc3QubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1ncmlkLWNvbnRyb2xzLWpvYi1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtY29udHJvbHMtam9iLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmlkLWNvbnRyb2xzLWpvYi1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRDb250cm9sc0pvYkxpc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBtb2RlbDogR3JpZENvbnRyb2xzSm9iTGlzdE1vZGVsO1xuICBAT3V0cHV0KCkgQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIG1lbnVDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIHB1YmxpYyBncmlkTW9yZUFjdGlvbnM6IENvbnRleHR1YWxNZW51TW9kZWwgPSB7XG4gICAgaGFzQm9yZGVyOiBmYWxzZSxcbiAgICBpdGVtczogW10sXG4gIH07XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uQ2xpY2soKSB7XG4gICAgdGhpcy5DbGlja2VkLmVtaXQoKTtcbiAgfVxuICBvbkl0ZW1DbGljayhpdGVtOiBzdHJpbmcpIHtcbiAgICB0aGlzLm1lbnVDbGlja2VkLmVtaXQoaXRlbSlcbiAgfVxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdyaWRNb3JlQWN0aW9ucy5pdGVtcyA9IHRoaXMubW9kZWwuZ3JpZEFjdGlvbnM7XG4gIH1cbn0iLCI8ZGl2IGNsYXNzPVwic2Z4LWFjdGlvblwiPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1tdC0xMCBzZngtcHItMzBcIlxuICAgICpuZ0lmPVwibW9kZWwuZ3JpZFJvd0NvdW50XCJcbiAgPlxuICAgIDxzdHJvbmcgY2xhc3M9XCJ0ZXh0LWxhYmVsXCI+e3sgbW9kZWwuZ3JpZFJvd0NvdW50IH19PC9zdHJvbmc+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgY2xhc3M9XCJzZngtZC1pbmxpbmUtYmxvY2sgcHVsbC1sZWZ0IHNmeC1wci0yMFwiXG4gICAgKm5nSWY9XCJtb2RlbC5zaG93Q3VzdG9taXNlQ29sdW1uc1wiXG4gID5cbiAgICA8c3ltcGhvbnktdG9vbHRpcC13cmFwcGVyXG4gICAgICBbdG9vbHRpcEh0bWxdPVwiJ0N1c3RvbWlzZSBDb2x1bW5zJ1wiXG4gICAgICBbcGxhY2VtZW50XT1cIid0b3AnXCJcbiAgICAgIGNsYXNzPVwiYWN0aW9uSWNvbi10b29sdGlwXCJcbiAgICA+XG4gICAgICA8c3ltcGhvbnktaWNvbi13cmFwcGVyIChjbGljayk9XCJvbkNsaWNrKClcIlxuICAgICAgICA+PHN5bXBob255LWljb24gW2ljb25dPVwiJ3NpLW9yZ2FuaXplLWNvbHVtbnMnXCI+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPC9zeW1waG9ueS1pY29uLXdyYXBwZXI+XG4gICAgPC9zeW1waG9ueS10b29sdGlwLXdyYXBwZXI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2Z4LWQtaW5saW5lLWJsb2NrIHB1bGwtbGVmdFwiPlxuICAgIDxzeW1waG9ueS1jb250ZXh0dWFsLW1lbnVcbiAgICAgIGNsYXNzPVwidGFzay1tb3JlLW9wdGlvblwiXG4gICAgICAqbmdJZj1cImdyaWRNb3JlQWN0aW9ucyAmJiBncmlkTW9yZUFjdGlvbnMuaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgICBbbW9kZWxdPVwiZ3JpZE1vcmVBY3Rpb25zXCJcbiAgICAgIChpdGVtQ2xpY2spPVwib25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvc3ltcGhvbnktY29udGV4dHVhbC1tZW51PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19