@symphony-talent/component-library 2.0.0 → 3.2.1

package/esm2020/projects/component-library/lib/templates/setting-list-template/setting-list-template.component.mjs

@@ -4,9 +4,9 @@ export class SettingListTemplateComponent {
     constructor() { }
 }
 SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000}\n"] });
+SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000}\n"] }]
+            args: [{ selector: 'symphony-setting-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL3NldHRpbmctbGlzdC10ZW1wbGF0ZS9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZy1saXN0LXRlbXBsYXRlL3NldHRpbmctbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxnMUJBMEJBOzJGRG5CYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2Z4LXBhZ2UtdGl0bGVcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02IHNmeC1tYi0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhZ2UtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uXG4gIGNsYXNzPVwic2V0dGluZy1saXN0LWhlYWRlciBzZngtcHQtMzAgc2Z4LXBiLTMwIHNmeC1ib3JkZXItYm90dG9tLWdyYXktMSBzZngtbWItNDBcIlxuPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTkgY29sLWxnLTkgc2Z4LXB0LTE1XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbTGlzdC10aXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTMgY29sLWxnLTNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltmaWx0ZXItaW5wdXRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uIGNsYXNzPVwic2V0dGluZy1saXN0LXdyYXBcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYXJkLWxpc3RdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL3NldHRpbmctbGlzdC10ZW1wbGF0ZS9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvc2V0dGluZy1saXN0LXRlbXBsYXRlL3NldHRpbmctbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxzMEJBMEJBOzJGRG5CYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LXNldHRpbmctbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZXR0aW5nLWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2V0dGluZ0xpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwic2Z4LXBhZ2UtdGl0bGVcIj5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC02IGNvbC1sZy02IHNmeC1tYi0zMFwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3BhZ2UtdGl0bGVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvc2VjdGlvbj5cbjxzZWN0aW9uXG4gIGNsYXNzPVwic2V0dGluZy1saXN0LWhlYWRlciBzZngtcGItMzAgc2Z4LWJvcmRlci1ib3R0b20tZ3JheS0xIHNmeC1tYi00MFwiXG4+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtOSBjb2wtbGctOSBzZngtcHQtMTVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltMaXN0LXRpdGxlXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMyBjb2wtbGctM1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ZpbHRlci1pbnB1dF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJzZXR0aW5nLWxpc3Qtd3JhcFwiPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhcmQtbGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuIl19

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

@@ -128,10 +128,10 @@ class ButtonComponent {
     }
 }
 ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonComponent, selector: "symphony-button", inputs: { text: "text", disabled: "disabled", isSecondary: "isSecondary", isInverse: "isInverse" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:56px;min-width:140px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:70%}.btn-primary{background:#000!important;color:#fff;border:2px solid #000!important}.btn-primary.is-inverse{background:#FFF!important;color:#000;border:2px solid #FFF!important}.btn-secondary{background:#FFF;border:2px solid #000;color:#000}.btn-secondary.is-inverse{background:#000;color:#fff;border:2px solid #FFF}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonComponent, selector: "symphony-button", inputs: { text: "text", disabled: "disabled", isSecondary: "isSecondary", isInverse: "isInverse" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:60px;min-width:140px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:70%}.btn-primary{background:#000!important;color:#fff;border:2px solid #000!important}.btn-primary.is-inverse{background:#fff!important;color:#000;border:2px solid #fff!important}.btn-secondary{background:#fff;border:2px solid #000;color:#000}.btn-secondary.is-inverse{background:#000;color:#fff;border:2px solid #fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-button', template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:56px;min-width:140px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:70%}.btn-primary{background:#000!important;color:#fff;border:2px solid #000!important}.btn-primary.is-inverse{background:#FFF!important;color:#000;border:2px solid #FFF!important}.btn-secondary{background:#FFF;border:2px solid #000;color:#000}.btn-secondary.is-inverse{background:#000;color:#fff;border:2px solid #FFF}\n"] }]
+            args: [{ selector: 'symphony-button', template: "<button class=\"btn\" \n[ngClass]=\"{'btn-secondary': isSecondary, 'btn-primary': !isSecondary, 'is-inverse': isInverse }\"\n(click)=\"onClick()\" [disabled]=\"disabled\">{{ text }}</button>", styles: ["button{outline:none}.btn{padding-left:40px;padding-right:40px;border-radius:30px;height:60px;min-width:140px;font-family:neuzeit_groteskbold;letter-spacing:.4px}.btn:focus{outline:none}.btn:disabled{cursor:not-allowed;opacity:70%}.btn-primary{background:#000!important;color:#fff;border:2px solid #000!important}.btn-primary.is-inverse{background:#fff!important;color:#000;border:2px solid #fff!important}.btn-secondary{background:#fff;border:2px solid #000;color:#000}.btn-secondary.is-inverse{background:#000;color:#fff;border:2px solid #fff}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { text: [{
                 type: Input
             }], disabled: [{
@@ -387,9 +387,6 @@ class GridComponent {
             return this.rowHeightPage;
         };
     }
-    onGridReady(gridReadyEvent) {
-        gridReadyEvent.api.sizeColumnsToFit();
-    }
     getFrameworkComponents() {
         return {
             contactActivityScore: ContactActivityScoreComponent,
@@ -400,14 +397,16 @@ class GridComponent {
     }
 }
 GridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", rowData: "rowData" }, ngImport: i0, template: "<ag-grid-angular\n  style=\"width: 100%\"\n  class=\"ag-theme-alpine\"\n  [rowData]=\"rowData\"\n  [columnDefs]=\"columnDefs\"\n  (gridReady)=\"onGridReady($event)\"\n  [style.height.vh]=\"gridHeight\"\n  [getRowHeight]=\"getRowHeight\"\n  [frameworkComponents]=\"frameworkComponents\"\n>\n</ag-grid-angular>\n", styles: [""], components: [{ type: i1$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }] });
+GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction" }, ngImport: i0, template: "<ag-grid-angular\n  style=\"width: 100%\"\n  class=\"ag-theme-alpine\"\n  [rowData]=\"rowData\"\n  [columnDefs]=\"columnDefs\"\n  (gridReady)=\"onGridReadyFunction($event)\"\n  [style.height.vh]=\"gridHeight\"\n  [getRowHeight]=\"getRowHeight\"\n  [frameworkComponents]=\"frameworkComponents\"\n>\n</ag-grid-angular>\n", styles: [""], components: [{ type: i1$2.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-grid', template: "<ag-grid-angular\n  style=\"width: 100%\"\n  class=\"ag-theme-alpine\"\n  [rowData]=\"rowData\"\n  [columnDefs]=\"columnDefs\"\n  (gridReady)=\"onGridReady($event)\"\n  [style.height.vh]=\"gridHeight\"\n  [getRowHeight]=\"getRowHeight\"\n  [frameworkComponents]=\"frameworkComponents\"\n>\n</ag-grid-angular>\n", styles: [""] }]
+            args: [{ selector: 'symphony-grid', template: "<ag-grid-angular\n  style=\"width: 100%\"\n  class=\"ag-theme-alpine\"\n  [rowData]=\"rowData\"\n  [columnDefs]=\"columnDefs\"\n  (gridReady)=\"onGridReadyFunction($event)\"\n  [style.height.vh]=\"gridHeight\"\n  [getRowHeight]=\"getRowHeight\"\n  [frameworkComponents]=\"frameworkComponents\"\n>\n</ag-grid-angular>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
                 type: Input
             }], rowData: [{
                 type: Input
+            }], onGridReadyFunction: [{
+                type: Input
             }] } });
 
 class ContactActivityScoreModule {
@@ -725,6 +724,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 var Icons;
 (function (Icons) {
+    Icons["ACCESS"] = "si-access";
+    Icons["CHATBOT"] = "si-chatbot";
+    Icons["CODETAG"] = "si-codetag";
+    Icons["CONFIRMATION"] = "si-confirmation";
+    Icons["FIELD"] = "si-field";
+    Icons["FLOW"] = "si-flow";
+    Icons["FORM"] = "si-form";
+    Icons["HIERARCHY"] = "si-hierarchy";
+    Icons["LIST"] = "si-list";
+    Icons["PASSWORD"] = "si-password";
+    Icons["REFERRAL"] = "si-referral";
+    Icons["TAG"] = "si-tag";
+    Icons["TEAM"] = "si-team";
+    Icons["WORKFLOW"] = "si-workflow";
     Icons["MOREOPTIONS"] = "si-more-options";
     Icons["ADD"] = "si-add";
     Icons["ACTIVITY"] = "si-activity";
@@ -1008,10 +1021,10 @@ class InputTextComponent {
     }
 }
 InputTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse\n  }\"\n>\n  <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label>\n  <input\n    type=\"text\"\n    name=\"input-text\"\n    class=\"input-text\"\n    autocomplete=\"off\"\n    placeholder=\"{{ placeholder }}\"\n    (keyup)=\"onTextChange($event)\"\n  />\n  <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+InputTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputTextComponent, selector: "symphony-input-text", inputs: { placeholder: "placeholder", icon: "icon", label: "label", isInverse: "isInverse", noMargin: "noMargin" }, outputs: { textChange: "textChange" }, ngImport: i0, template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse,\n    'no-margin': noMargin\n  }\"\n>\n  <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label>\n  <input\n    type=\"text\"\n    name=\"input-text\"\n    class=\"input-text\"\n    autocomplete=\"off\"\n    placeholder=\"{{ placeholder }}\"\n    (keyup)=\"onTextChange($event)\"\n  />\n  <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputTextComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-input-text', template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse\n  }\"\n>\n  <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label>\n  <input\n    type=\"text\"\n    name=\"input-text\"\n    class=\"input-text\"\n    autocomplete=\"off\"\n    placeholder=\"{{ placeholder }}\"\n    (keyup)=\"onTextChange($event)\"\n  />\n  <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}\n"] }]
+            args: [{ selector: 'symphony-input-text', template: "<div\n  class=\"input-text-wrap\"\n  [ngClass]=\"{\n    'input-secondary': isInverse,\n    'no-margin': noMargin\n  }\"\n>\n  <label for=\"input-text\" *ngIf=\"label\" class=\"input-text-label\">{{\n    label\n  }}</label>\n  <input\n    type=\"text\"\n    name=\"input-text\"\n    class=\"input-text\"\n    autocomplete=\"off\"\n    placeholder=\"{{ placeholder }}\"\n    (keyup)=\"onTextChange($event)\"\n  />\n  <symphony-icon [icon]=\"icon\"></symphony-icon>\n</div>\n", styles: [".input-text-wrap{position:relative}.input-text-wrap.input-secondary{color:#fff}.input-text-wrap.input-secondary .input-text{background-color:transparent;border-color:#565656}.input-text-wrap.input-secondary .input-text::placeholder{color:#fff}.input-text-wrap .input-text-label{display:block;font-family:neuzeit_groteskbold,sans-serif;margin-bottom:.27rem;line-height:25px;margin-left:.3rem}.input-text-wrap .input-text{font-family:neuzeit-grotesk,sans-serif!important;width:calc(100% - .6rem);height:40px;border:1px solid #d0d0d0;border-radius:4px;padding:7px 15px;line-height:25px;margin:.3rem}.input-text-wrap .input-text::placeholder{color:#000}.input-text-wrap .input-text:focus{border-color:#464646}.input-text-wrap .input-text:focus-visible{outline:none}.input-text-wrap symphony-icon{position:absolute;right:17px;font-size:14px;bottom:11px}.input-text-wrap.no-margin .input-text-label{margin-left:0rem}.input-text-wrap.no-margin .input-text{margin:0;width:100%}.input-text-wrap.no-margin symphony-icon{right:15px;bottom:6px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { placeholder: [{
                 type: Input
             }], icon: [{
@@ -1020,6 +1033,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Input
             }], isInverse: [{
                 type: Input
+            }], noMargin: [{
+                type: Input
             }], textChange: [{
                 type: Output
             }] } });
@@ -1422,7 +1437,7 @@ class PillsComponent {
         this.removePill = new EventEmitter();
     }
     onRemovePill(event) {
-        this.removePill.emit(this.pillsList.find(p => p.pillLabel.toLowerCase() === event.toLowerCase()));
+        this.removePill.emit(this.pillsList.find((p) => p.pillLabel.toLowerCase() === event.toLowerCase()));
     }
 }
 PillsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PillsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -1910,6 +1925,12 @@ class IconExplorerHelper {
     }
     static getHasNoBorderIconList() {
         return [
+            {
+                icon: Icons.ACCESS,
+                iconName: 'ACCESS',
+                iconClass: 'si-access',
+                hasBorder: false,
+            },
             {
                 icon: Icons.MOREOPTIONS,
                 iconName: 'MOREOPTIONS',
@@ -1946,6 +1967,24 @@ class IconExplorerHelper {
                 iconClass: 'si-arrow-prev',
                 hasBorder: false,
             },
+            {
+                icon: Icons.CHATBOT,
+                iconName: 'CHATBOT',
+                iconClass: 'si-chatbot',
+                hasBorder: false,
+            },
+            {
+                icon: Icons.CODETAG,
+                iconName: 'CODETAG',
+                iconClass: 'si-codetag',
+                hasBorder: false,
+            },
+            {
+                icon: Icons.CONFIRMATION,
+                iconName: 'CONFIRMATION',
+                iconClass: 'si-confirmation',
+                hasBorder: false,
+            },
             {
                 icon: Icons.CLOSEMODAL,
                 iconName: 'CLOSEMODAL',
@@ -2012,6 +2051,24 @@ class IconExplorerHelper {
                 iconClass: 'si-expand',
                 hasBorder: false,
             },
+            {
+                icon: Icons.FIELD,
+                iconName: 'FIELD',
+                iconClass: 'si-field',
+                hasBorder: false,
+            },
+            {
+                icon: Icons.FLOW,
+                iconName: 'FLOW',
+                iconClass: 'si-flow',
+                hasBorder: false,
+            },
+            {
+                icon: Icons.FORM,
+                iconName: 'FORM',
+                iconClass: 'si-form',
+                hasBorder: false,
+            },
             {
                 icon: Icons.FAVORITE,
                 iconName: 'FAVORITE',
@@ -2042,6 +2099,12 @@ class IconExplorerHelper {
                 iconClass: 'si-folder-multiple',
                 hasBorder: false,
             },
+            {
+                icon: Icons.HIERARCHY,
+                iconName: 'HIERARCHY',
+                iconClass: 'si-hierarchy',
+                hasBorder: false,
+            },
             {
                 icon: Icons.INCLUDE,
                 iconName: 'INCLUDE',
@@ -2060,6 +2123,12 @@ class IconExplorerHelper {
                 iconClass: 'si-interview',
                 hasBorder: false,
             },
+            {
+                icon: Icons.LIST,
+                iconName: 'LIST',
+                iconClass: 'si-list',
+                hasBorder: false,
+            },
             {
                 icon: Icons.LINK,
                 iconName: 'LINK',
@@ -2180,6 +2249,12 @@ class IconExplorerHelper {
                 iconClass: 'si-organize-contacts',
                 hasBorder: false,
             },
+            {
+                icon: Icons.PASSWORD,
+                iconName: 'PASSWORD',
+                iconClass: 'si-password',
+                hasBorder: false,
+            },
             {
                 icon: Icons.PENDINGINCOMPLETE,
                 iconName: 'PENDINGINCOMPLETE',
@@ -2204,6 +2279,12 @@ class IconExplorerHelper {
                 iconClass: 'si-promote',
                 hasBorder: false,
             },
+            {
+                icon: Icons.REFERRAL,
+                iconName: 'REFERRAL',
+                iconClass: 'si-referral',
+                hasBorder: false,
+            },
             {
                 icon: Icons.REFRESH,
                 iconName: 'REFRESH',
@@ -2294,6 +2375,18 @@ class IconExplorerHelper {
                 iconClass: 'si-system-action',
                 hasBorder: false,
             },
+            {
+                icon: Icons.TAG,
+                iconName: 'TAG',
+                iconClass: 'si-tag',
+                hasBorder: false,
+            },
+            {
+                icon: Icons.TEAM,
+                iconName: 'TEAM',
+                iconClass: 'si-team',
+                hasBorder: false,
+            },
             {
                 icon: Icons.TASKCOMPLETED,
                 iconName: 'TASKCOMPLETED',
@@ -2336,6 +2429,12 @@ class IconExplorerHelper {
                 iconClass: 'si-user',
                 hasBorder: false,
             },
+            {
+                icon: Icons.WORKFLOW,
+                iconName: 'WORKFLOW',
+                iconClass: 'si-workflow',
+                hasBorder: false,
+            },
         ];
     }
     static getInverseIconList() {
@@ -2500,28 +2599,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
             args: [{ selector: 'symphony-admin-list-template', template: "<div class=\"sfx\">\n  <!---->\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n        <span class=\"pull-right sfx-create-new\">\n          <ng-content select=\"[sfx-page-action]\"></ng-content>\n        </span>\n      </div>\n    </div>\n  </section>\n  <section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n    <div class=\"sfx-filter-section\">\n      <div class=\"row\">\n        <ng-content select=\"[sfx-filter-area]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section class=\"sfx-title-wrap\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-30 sfx-p-0\">\n      <div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5 sfx-pl-0 sfx-mt-10\">\n        <!-- <h4 class=\"margin-left-minus-15\">22 Event Venues</h4> -->\n        <ng-content select=\"[sfx-title]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-grid-action]\"></ng-content>\n      </span>\n    </div>\n  </section>\n  <section class=\"sfx-grid-wrap\">\n    <ng-content select=\"[sfx-grid]\"></ng-content>\n  </section>\n</div>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.sfx-title-wrap{display:inline-block;width:100%;border-bottom:5px solid #000}\n"] }]
         }], ctorParameters: function () { return []; } });
 
-class PlaceholderComponent {
-    constructor() { }
-}
-PlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-PlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PlaceholderComponent, selector: "symphony-placeholder", inputs: { type: "type", label: "label", tooltip: "tooltip", tooltipPlacement: "tooltipPlacement", height: "height", width: "width" }, ngImport: i0, template: "<div\n  *ngIf=\"type !== 'circle'\"\n  class=\"placeholder-dashed\"\n  [ngStyle]=\"{ height: height }\"\n>\n  {{ label }}\n</div>\n\n<div\n  *ngIf=\"type === 'circle'\"\n  [tooltip]=\"tooltip\"\n  [placement]=\"tooltipPlacement\"\n  class=\"placeholder-dashed-circle\"\n  [ngStyle]=\"{ height: height, width: width }\"\n>\n  {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'symphony-placeholder', template: "<div\n  *ngIf=\"type !== 'circle'\"\n  class=\"placeholder-dashed\"\n  [ngStyle]=\"{ height: height }\"\n>\n  {{ label }}\n</div>\n\n<div\n  *ngIf=\"type === 'circle'\"\n  [tooltip]=\"tooltip\"\n  [placement]=\"tooltipPlacement\"\n  class=\"placeholder-dashed-circle\"\n  [ngStyle]=\"{ height: height, width: width }\"\n>\n  {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { type: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], tooltip: [{
-                type: Input
-            }], tooltipPlacement: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }] } });
-
 class EventsSettingsPageComponent {
     constructor() {
         this.keywordSearchChange = new EventEmitter();
@@ -2550,10 +2627,10 @@ class EventsSettingsPageComponent {
     }
 }
 EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <symphony-placeholder\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      filter-one\n      [label]=\"'filter-one'\"\n      [height]=\"'80px'\"\n    ></symphony-placeholder>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-contextual-menu\n    sfx-grid-action\n    class=\"more-options\"\n    *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n    [model]=\"model.gridActions\"\n    (itemClick)=\"gridActionsSelect($event)\"\n  >\n  </symphony-contextual-menu>\n  <symphony-grid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [rowData]=\"model.grid.rowData\"\n    *ngIf=\"!model.overrideGridPlaceholder\"\n  ></symphony-grid>\n  <symphony-placeholder\n    *ngIf=\"model.overrideGridPlaceholder\"\n    sfx-grid\n    [label]=\"'sfx-grid'\"\n    [height]=\"'500px'\"\n  ></symphony-placeholder>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: PlaceholderComponent, selector: "symphony-placeholder", inputs: ["type", "label", "tooltip", "tooltipPlacement", "height", "width"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "rowData"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-contextual-menu\n    sfx-grid-action\n    class=\"more-options\"\n    *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n    [model]=\"model.gridActions\"\n    (itemClick)=\"gridActionsSelect($event)\"\n  >\n  </symphony-contextual-menu>\n  <symphony-grid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [rowData]=\"model.grid.rowData\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["isInverse"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size"], outputs: ["clicked"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "rowData", "onGridReadyFunction"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <symphony-placeholder\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      filter-one\n      [label]=\"'filter-one'\"\n      [height]=\"'80px'\"\n    ></symphony-placeholder>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-contextual-menu\n    sfx-grid-action\n    class=\"more-options\"\n    *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n    [model]=\"model.gridActions\"\n    (itemClick)=\"gridActionsSelect($event)\"\n  >\n  </symphony-contextual-menu>\n  <symphony-grid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [rowData]=\"model.grid.rowData\"\n    *ngIf=\"!model.overrideGridPlaceholder\"\n  ></symphony-grid>\n  <symphony-placeholder\n    *ngIf=\"model.overrideGridPlaceholder\"\n    sfx-grid\n    [label]=\"'sfx-grid'\"\n    [height]=\"'500px'\"\n  ></symphony-placeholder>\n</symphony-admin-list-template>\n", styles: [""] }]
+            args: [{ selector: 'symphony-events-settings-page', template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb sfx-header [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-contextual-menu\n    sfx-grid-action\n    class=\"more-options\"\n    *ngIf=\"model.gridActions.items && model.gridActions.items.length > 0\"\n    [model]=\"model.gridActions\"\n    (itemClick)=\"gridActionsSelect($event)\"\n  >\n  </symphony-contextual-menu>\n  <symphony-grid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [rowData]=\"model.grid.rowData\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], keywordSearchChange: [{
@@ -2578,6 +2655,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class PlaceholderComponent {
+    constructor() { }
+}
+PlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: PlaceholderComponent, selector: "symphony-placeholder", inputs: { type: "type", label: "label", tooltip: "tooltip", tooltipPlacement: "tooltipPlacement", height: "height", width: "width" }, ngImport: i0, template: "<div\n  *ngIf=\"type !== 'circle'\"\n  class=\"placeholder-dashed\"\n  [ngStyle]=\"{ height: height }\"\n>\n  {{ label }}\n</div>\n\n<div\n  *ngIf=\"type === 'circle'\"\n  [tooltip]=\"tooltip\"\n  [placement]=\"tooltipPlacement\"\n  class=\"placeholder-dashed-circle\"\n  [ngStyle]=\"{ height: height, width: width }\"\n>\n  {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-placeholder', template: "<div\n  *ngIf=\"type !== 'circle'\"\n  class=\"placeholder-dashed\"\n  [ngStyle]=\"{ height: height }\"\n>\n  {{ label }}\n</div>\n\n<div\n  *ngIf=\"type === 'circle'\"\n  [tooltip]=\"tooltip\"\n  [placement]=\"tooltipPlacement\"\n  class=\"placeholder-dashed-circle\"\n  [ngStyle]=\"{ height: height, width: width }\"\n>\n  {{ label }}\n</div>\n", styles: [".placeholder-dashed{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:10px}.placeholder-dashed-circle{color:#464646;background:repeating-linear-gradient(-55deg,#d0d0d0,#d0d0d0 10px,#d9d9d9 10px,#d9d9d9 20px);border:3px dashed #464646;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;border-radius:50%}.wrapper div{height:100%}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { type: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], tooltipPlacement: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }] } });
+
 class PlaceholderModule {
 }
 PlaceholderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: PlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2650,10 +2749,10 @@ class SettingListTemplateComponent {
     constructor() { }
 }
 SettingListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000}\n"] });
+SettingListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListTemplateComponent, selector: "symphony-setting-list-template", ngImport: i0, template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pt-30 sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000}\n"] }]
+            args: [{ selector: 'symphony-setting-list-template', template: "<section class=\"sfx-page-title\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-6 sfx-mb-30\">\n      <ng-content select=\"[page-title]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section\n  class=\"setting-list-header sfx-pb-30 sfx-border-bottom-gray-1 sfx-mb-40\"\n>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-9 col-lg-9 sfx-pt-15\">\n      <ng-content select=\"[List-title]\"></ng-content>\n    </div>\n    <div class=\"col-xs-12 col-sm-12 col-md-3 col-lg-3\">\n      <ng-content select=\"[filter-input]\"></ng-content>\n    </div>\n  </div>\n</section>\n<section class=\"setting-list-wrap\">\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n      <ng-content select=\"[card-list]\"></ng-content>\n    </div>\n  </div>\n</section>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class SettingListPageComponent {
@@ -2671,10 +2770,10 @@ class SettingListPageComponent {
     }
 }
 SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{border-bottom:5px solid #000}\n"], components: [{ type: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse"], outputs: ["textChange"] }, { type: CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"], components: [{ type: SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "noMargin"], outputs: ["textChange"] }, { type: CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-list-page', template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{border-bottom:5px solid #000}\n"] }]
+            args: [{ selector: 'symphony-setting-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".sfx-page-title{border-bottom:5px solid #000;margin-top:3.125rem;margin-bottom:1.875rem}.card-list{padding:5px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], cardClicked: [{