@symphony-talent/component-library 4.226.0 → 4.227.0

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

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { Component, Input, NgModule, EventEmitter, Output, Pipe, Injectable, ViewEncapsulation, ViewChild, forwardRef, HostListener } from '@angular/core';
+import { Component, Input, NgModule, EventEmitter, Output, Pipe, Injectable, Inject, ViewChild, HostBinding, ViewEncapsulation, forwardRef, HostListener } from '@angular/core';
 import * as i1 from '@angular/common';
-import { SlicePipe, CommonModule, DecimalPipe } from '@angular/common';
+import { SlicePipe, CommonModule, DOCUMENT, DecimalPipe } from '@angular/common';
 import * as i1$1 from 'ngx-bootstrap/dropdown';
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -349,23 +349,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
         }] });
 
 class ContextualMenuComponent {
-    constructor() {
+    constructor(document) {
+        this.document = document;
+        this.isDropdownOpen = false;
         this.model = {
             hasBorder: false,
             isInverse: false
         };
         this.itemClick = new EventEmitter();
+        this.scrollListener = () => {
+            if (this.dropdown && this.dropdown.isOpen) {
+                this.dropdown.hide();
+            }
+        };
+    }
+    get dropdownContainer() {
+        return this.shouldAppendToBody ? 'body' : '';
+    }
+    onDropdownOpenChange(isOpen) {
+        this.isDropdownOpen = this.shouldAppendToBody && isOpen;
+        if (!this.shouldAppendToBody) {
+            this.removeActiveScrollListener();
+            return;
+        }
+        if (isOpen && this.model.closeOnScroll !== false) {
+            this.addScrollListener();
+            return;
+        }
+        this.removeActiveScrollListener();
     }
     onItemClick(item) {
         this.itemClick.emit(item);
     }
+    ngOnDestroy() {
+        this.removeActiveScrollListener();
+    }
+    get shouldAppendToBody() {
+        return this.model.appendToBody === true;
+    }
+    addScrollListener() {
+        if (this.removeScrollListener) {
+            return;
+        }
+        this.document.addEventListener('scroll', this.scrollListener, true);
+        this.removeScrollListener = () => this.document.removeEventListener('scroll', this.scrollListener, true);
+    }
+    removeActiveScrollListener() {
+        if (!this.removeScrollListener) {
+            return;
+        }
+        this.removeScrollListener();
+        this.removeScrollListener = null;
+    }
 }
-ContextualMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<div class=\"btn-group\" [ngClass]=\"{ 'is-inverse': model.isInverse }\" dropdown>\n  <button\n    id=\"button-basic\"\n    dropdownToggle\n    type=\"button\"\n    class=\"btn dropdown-toggle\"\n    [ngClass]=\"{\n      'has-border': model.hasBorder\n    }\"\n    aria-controls=\"dropdown-basic\"\n    aria-label=\"more-actions-menu\"\n  >\n    <i class=\"si-more-options\"></i>\n  </button>\n  <ul\n    id=\"dropdown-basic\"\n    *dropdownMenu\n    class=\"dropdown-menu\"\n    role=\"menu\"\n    aria-labelledby=\"button-basic\"\n  >\n    <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n      <a\n        class=\"dropdown-item\"\n        href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n        (click)=\"$event.preventDefault(); onItemClick(item)\"\n        >{{ item }}</a\n      >\n    </li>\n  </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px rgba(0,0,0,.2);max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:500}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": TrimIdPipe } });
+ContextualMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+ContextualMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: { model: "model" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.open": "this.isDropdownOpen" } }, viewQueries: [{ propertyName: "dropdown", first: true, predicate: ["dropdown"], descendants: true }], ngImport: i0, template: "<div\n  class=\"btn-group\"\n  [ngClass]=\"{ 'is-inverse': model.isInverse }\"\n  dropdown\n  #dropdown=\"bs-dropdown\"\n  [container]=\"dropdownContainer\"\n  (isOpenChange)=\"onDropdownOpenChange($event)\"\n>\n  <button\n    id=\"button-basic\"\n    dropdownToggle\n    type=\"button\"\n    class=\"btn dropdown-toggle\"\n    [ngClass]=\"{\n      'has-border': model.hasBorder\n    }\"\n    aria-controls=\"dropdown-basic\"\n    aria-label=\"more-actions-menu\"\n  >\n    <i class=\"si-more-options\"></i>\n  </button>\n  <ul\n    id=\"dropdown-basic\"\n    *dropdownMenu\n    class=\"dropdown-menu\"\n    [ngClass]=\"{\n      'contextual-menu__dropdown-menu': model.appendToBody\n    }\"\n    role=\"menu\"\n    aria-labelledby=\"button-basic\"\n  >\n    <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n      <a\n        class=\"dropdown-item\"\n        href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n        (click)=\"$event.preventDefault(); onItemClick(item)\"\n        >{{ item }}</a\n      >\n    </li>\n  </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px rgba(0,0,0,.2);max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:500}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.contextual-menu__dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px rgba(0,0,0,.2);max-height:none;overflow:inherit;right:-30px}.contextual-menu__dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:500}.contextual-menu__dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.contextual-menu__dropdown-menu li a.not-allowed{cursor:not-allowed}.contextual-menu__dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"], directives: [{ type: i1$1.BsDropdownDirective, selector: "[bsDropdown],[dropdown]", inputs: ["autoClose", "isAnimated", "insideClick", "isDisabled", "isOpen", "placement", "triggers", "container", "dropup"], outputs: ["onShown", "onHidden", "isOpenChange"], exportAs: ["bs-dropdown"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.BsDropdownToggleDirective, selector: "[bsDropdownToggle],[dropdownToggle]", exportAs: ["bs-dropdown-toggle"] }, { type: i1$1.BsDropdownMenuDirective, selector: "[bsDropdownMenu],[dropdownMenu]", exportAs: ["bs-dropdown-menu"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "trimId": TrimIdPipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContextualMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-contextual-menu', template: "<div class=\"btn-group\" [ngClass]=\"{ 'is-inverse': model.isInverse }\" dropdown>\n  <button\n    id=\"button-basic\"\n    dropdownToggle\n    type=\"button\"\n    class=\"btn dropdown-toggle\"\n    [ngClass]=\"{\n      'has-border': model.hasBorder\n    }\"\n    aria-controls=\"dropdown-basic\"\n    aria-label=\"more-actions-menu\"\n  >\n    <i class=\"si-more-options\"></i>\n  </button>\n  <ul\n    id=\"dropdown-basic\"\n    *dropdownMenu\n    class=\"dropdown-menu\"\n    role=\"menu\"\n    aria-labelledby=\"button-basic\"\n  >\n    <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n      <a\n        class=\"dropdown-item\"\n        href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n        (click)=\"$event.preventDefault(); onItemClick(item)\"\n        >{{ item }}</a\n      >\n    </li>\n  </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px rgba(0,0,0,.2);max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:500}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { model: [{
+            args: [{ selector: 'symphony-contextual-menu', template: "<div\n  class=\"btn-group\"\n  [ngClass]=\"{ 'is-inverse': model.isInverse }\"\n  dropdown\n  #dropdown=\"bs-dropdown\"\n  [container]=\"dropdownContainer\"\n  (isOpenChange)=\"onDropdownOpenChange($event)\"\n>\n  <button\n    id=\"button-basic\"\n    dropdownToggle\n    type=\"button\"\n    class=\"btn dropdown-toggle\"\n    [ngClass]=\"{\n      'has-border': model.hasBorder\n    }\"\n    aria-controls=\"dropdown-basic\"\n    aria-label=\"more-actions-menu\"\n  >\n    <i class=\"si-more-options\"></i>\n  </button>\n  <ul\n    id=\"dropdown-basic\"\n    *dropdownMenu\n    class=\"dropdown-menu\"\n    [ngClass]=\"{\n      'contextual-menu__dropdown-menu': model.appendToBody\n    }\"\n    role=\"menu\"\n    aria-labelledby=\"button-basic\"\n  >\n    <li role=\"menuitem\" *ngFor=\"let item of model.items\">\n      <a\n        class=\"dropdown-item\"\n        href=\"#\" id=\"dropdown-item-{{item | trimId}}\"\n        (click)=\"$event.preventDefault(); onItemClick(item)\"\n        >{{ item }}</a\n      >\n    </li>\n  </ul>\n</div>\n", styles: [".btn-group .has-border{border-radius:50%;border:2px solid #000;height:40px;width:40px;padding:9px 0;cursor:pointer;text-align:center}.btn-group button.dropdown-toggle.btn{display:flex;align-items:center;justify-content:center;background:#ffffff;padding:0;font-size:18px;line-height:26px;box-shadow:none;width:40px;height:40px;min-height:40px;border-radius:50%!important;color:#000}.btn-group button.dropdown-toggle.btn:hover{background:#000000;color:#fff!important}.btn-group button.dropdown-toggle.btn .si-more-options{font-size:18px}.btn-group .dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px rgba(0,0,0,.2);max-height:none;overflow:inherit}.btn-group .dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:500}.btn-group .dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.btn-group .dropdown-menu li a.not-allowed{cursor:not-allowed}.btn-group .dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn{background:#000;color:#fff}.btn-group.is-inverse button.dropdown-toggle.btn:hover{background:#fff;color:#000!important}.contextual-menu__dropdown-menu{min-width:240px;margin-top:10px;border:none;border-radius:10px;padding-top:20px;padding-bottom:20px;right:-10px;left:auto;box-shadow:0 0 30px rgba(0,0,0,.2);max-height:none;overflow:inherit;right:-30px}.contextual-menu__dropdown-menu li a.dropdown-item{padding:0 20px;line-height:40px;color:#000;font-weight:500}.contextual-menu__dropdown-menu li a.dropdown-item:hover{background:#E4E7EF;color:#000}.contextual-menu__dropdown-menu li a.not-allowed{cursor:not-allowed}.contextual-menu__dropdown-menu:before{content:\"\\e252\";font-family:Glyphicons Halflings!important;font-size:14px;transform:rotate(180deg);display:inline-block;position:absolute;top:-13px;right:23px;color:#fff}.btn-group.open button.dropdown-toggle.btn{background:#000000;color:#fff}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }];
+    }, propDecorators: { dropdown: [{
+                type: ViewChild,
+                args: ['dropdown']
+            }], isDropdownOpen: [{
+                type: HostBinding,
+                args: ['class.open']
+            }], model: [{
                 type: Input
             }], itemClick: [{
                 type: Output
@@ -583,12 +636,12 @@ class EventSettingsMoreOptionsComponent {
             hasBorder: false,
         };
     }
-    refresh(params) {
+    refresh(_params) {
         return true;
     }
     agInit(params) {
         if (params.moreOptions) {
-            this.moreOptions = params.moreOptions;
+            this.moreOptions = Object.assign({}, params.moreOptions);
         }
         this.agGridParams = params;
     }
@@ -921,12 +974,160 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Output
             }] } });
 
+class CustomDetailWithGridComponent {
+    constructor() {
+        this.defaultNotesCharacterLimit = 500;
+        this.resizeTimeoutId = null;
+        this.detailRendererParams = {};
+        this.title = 'Detail Records';
+        this.notesTitle = 'Internal Session Notes';
+        this.notesDescription = '';
+        this.notesCharacterLimit = this.defaultNotesCharacterLimit;
+        this.isNotesExpanded = false;
+        this.actionButtonText = 'Invite Contacts';
+        this.showActionButton = true;
+        this.showNotes = true;
+        this.nestedRowHeight = 80;
+        this.nestedFrameworkComponents = {
+            moreActions: EventSettingsMoreOptionsComponent
+        };
+        this.nestedRowSelection = 'multiple';
+        this.nestedSuppressRowClickSelection = true;
+        this.nestedSuppressContextMenu = true;
+        this.nestedColumnDefs = [];
+        this.nestedDefaultColDef = {
+            flex: 1,
+            suppressMenu: true,
+            suppressMovable: true,
+            wrapText: true,
+        };
+        this.nestedRowData = [];
+    }
+    agInit(params) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        this.params = params;
+        this.detailRendererParams = params;
+        this.title = ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.detailTitle) || ((_b = this.detailRendererParams) === null || _b === void 0 ? void 0 : _b.title) || 'Detail Records';
+        this.notesTitle =
+            ((_c = params === null || params === void 0 ? void 0 : params.data) === null || _c === void 0 ? void 0 : _c.detailNotesTitle) ||
+                ((_d = this.detailRendererParams) === null || _d === void 0 ? void 0 : _d.notesTitle) ||
+                'Internal Session Notes';
+        this.notesDescription =
+            ((_e = params === null || params === void 0 ? void 0 : params.data) === null || _e === void 0 ? void 0 : _e.detailNotesDescription) ||
+                ((_f = this.detailRendererParams) === null || _f === void 0 ? void 0 : _f.notesDescription) ||
+                '';
+        this.notesCharacterLimit =
+            ((_g = this.detailRendererParams) === null || _g === void 0 ? void 0 : _g.notesCharacterLimit) || this.defaultNotesCharacterLimit;
+        this.actionButtonText = ((_h = this.detailRendererParams) === null || _h === void 0 ? void 0 : _h.actionButtonText) || 'Invite Contacts';
+        this.showActionButton = ((_j = this.detailRendererParams) === null || _j === void 0 ? void 0 : _j.showActionButton) !== false;
+        this.showNotes = ((_k = this.detailRendererParams) === null || _k === void 0 ? void 0 : _k.showNotes) !== false;
+        this.isNotesExpanded = false;
+        this.nestedRowHeight = ((_l = this.detailRendererParams) === null || _l === void 0 ? void 0 : _l.nestedRowHeight) || 80;
+        this.nestedRowSelection = ((_m = this.detailRendererParams) === null || _m === void 0 ? void 0 : _m.nestedRowSelection) || 'multiple';
+        this.nestedSuppressRowClickSelection =
+            ((_o = this.detailRendererParams) === null || _o === void 0 ? void 0 : _o.nestedSuppressRowClickSelection) !== false;
+        this.nestedSuppressContextMenu =
+            ((_p = this.detailRendererParams) === null || _p === void 0 ? void 0 : _p.nestedSuppressContextMenu) !== false;
+        this.nestedFrameworkComponents = this.getNestedFrameworkComponents();
+        this.nestedDefaultColDef = Object.assign({ flex: 1, suppressMenu: true, suppressMovable: true, wrapText: true }, (((_q = this.detailRendererParams) === null || _q === void 0 ? void 0 : _q.nestedDefaultColDef) || {}));
+        this.nestedRowData = ((_r = params === null || params === void 0 ? void 0 : params.data) === null || _r === void 0 ? void 0 : _r.detailRowData) || [];
+        this.nestedColumnDefs = this.getNestedColumnDefs(params);
+    }
+    refresh(params) {
+        this.agInit(params);
+        this.resizeNestedGridColumns();
+        return true;
+    }
+    onNestedGridReady(gridReadyEvent) {
+        this.nestedGridApi = gridReadyEvent.api;
+        this.resizeNestedGridColumns();
+    }
+    onViewAllClick() {
+        var _a, _b, _c;
+        if (this.showActionButton && ((_c = (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.componentParent) === null || _c === void 0 ? void 0 : _c.onDetailActionClick)) {
+            this.params.context.componentParent.onDetailActionClick(this.params.data);
+        }
+    }
+    onNestedMoreOptionsClick(action) {
+        var _a, _b, _c;
+        if ((_c = (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.componentParent) === null || _c === void 0 ? void 0 : _c.onNestedDetailActionClick) {
+            this.params.context.componentParent.onNestedDetailActionClick({
+                parentRow: this.params.data,
+                action
+            });
+        }
+    }
+    toggleNotesExpansion() {
+        this.isNotesExpanded = !this.isNotesExpanded;
+    }
+    get displayedNotesDescription() {
+        if (!this.shouldShowNotesToggle || this.isNotesExpanded) {
+            return this.notesDescription;
+        }
+        return `${this.notesDescription.slice(0, this.notesCharacterLimit)}...`;
+    }
+    get shouldShowNotesToggle() {
+        var _a;
+        return (((_a = this.notesDescription) === null || _a === void 0 ? void 0 : _a.length) || 0) > this.notesCharacterLimit;
+    }
+    get shouldShowNotesSection() {
+        return this.showNotes && !!this.displayedNotesDescription;
+    }
+    getNestedColumnDefs(params) {
+        var _a;
+        const detailRendererParams = params;
+        const columnDefs = ((_a = params === null || params === void 0 ? void 0 : params.data) === null || _a === void 0 ? void 0 : _a.detailColumnDefs) || (detailRendererParams === null || detailRendererParams === void 0 ? void 0 : detailRendererParams.nestedColumnDefs) || [];
+        return columnDefs.map((columnDef) => {
+            if ((columnDef === null || columnDef === void 0 ? void 0 : columnDef.cellRenderer) !== 'moreActions') {
+                return columnDef;
+            }
+            return Object.assign(Object.assign({}, columnDef), { cellRendererParams: (cellRendererParams) => {
+                    var _a;
+                    return ({
+                        moreOptions: (_a = cellRendererParams === null || cellRendererParams === void 0 ? void 0 : cellRendererParams.data) === null || _a === void 0 ? void 0 : _a.moreOptions,
+                        itemClick: (action) => this.onNestedMoreOptionsClick(action)
+                    });
+                } });
+        });
+    }
+    getNestedFrameworkComponents() {
+        var _a;
+        return Object.assign({ moreActions: EventSettingsMoreOptionsComponent }, (((_a = this.detailRendererParams) === null || _a === void 0 ? void 0 : _a.nestedFrameworkComponents) || {}));
+    }
+    destroy() {
+        if (this.resizeTimeoutId !== null) {
+            clearTimeout(this.resizeTimeoutId);
+            this.resizeTimeoutId = null;
+        }
+    }
+    resizeNestedGridColumns() {
+        if (!this.nestedGridApi) {
+            return;
+        }
+        if (this.resizeTimeoutId !== null) {
+            clearTimeout(this.resizeTimeoutId);
+        }
+        this.resizeTimeoutId = window.setTimeout(() => {
+            var _a;
+            (_a = this.nestedGridApi) === null || _a === void 0 ? void 0 : _a.sizeColumnsToFit();
+            this.resizeTimeoutId = null;
+        });
+    }
+}
+CustomDetailWithGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CustomDetailWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CustomDetailWithGridComponent, selector: "symphony-custom-detail-with-grid", ngImport: i0, template: "<div class=\"custom-detail-with-grid\">\n  <div class=\"custom-detail-with-grid__header\">\n    <div class=\"custom-detail-with-grid__header-top sfx-mb-10\">\n      <h4 class=\"sfx-m-0\">{{ title }}</h4>\n      <symphony-button-v2\n        *ngIf=\"showActionButton\"\n        [text]=\"actionButtonText\"\n        (clicked)=\"onViewAllClick()\"\n      ></symphony-button-v2>\n    </div>\n\n    <div *ngIf=\"shouldShowNotesSection\" class=\"custom-detail-with-grid__notes sfx-mb-15\">\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-title sfx-d-block sfx-font-bold sfx-mb-5\"\n        [text]=\"notesTitle\"\n      ></symphony-paragraph>\n\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-description sfx-d-block\"\n        [text]=\"displayedNotesDescription\"\n      ></symphony-paragraph>\n\n      <button\n        *ngIf=\"shouldShowNotesToggle\"\n        type=\"button\"\n        class=\"custom-detail-with-grid__notes-toggle\"\n        (click)=\"toggleNotesExpansion()\"\n      >\n        {{ isNotesExpanded ? 'See Less' : 'See More' }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"custom-detail-with-grid__grid\">\n    <ag-grid-angular\n      class=\"ag-theme-alpine sfx-lib-gird-dropdown\"\n      [columnDefs]=\"nestedColumnDefs\"\n      [defaultColDef]=\"nestedDefaultColDef\"\n      [frameworkComponents]=\"nestedFrameworkComponents\"\n      [rowHeight]=\"nestedRowHeight\"\n      [rowData]=\"nestedRowData\"\n      [suppressRowClickSelection]=\"nestedSuppressRowClickSelection\"\n      [suppressContextMenu]=\"nestedSuppressContextMenu\"\n      [rowSelection]=\"nestedRowSelection\"\n      (gridReady)=\"onNestedGridReady($event)\"\n    ></ag-grid-angular>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.custom-detail-with-grid{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.custom-detail-with-grid__header{display:flex;flex-direction:column}.custom-detail-with-grid__header-top{align-items:center;display:flex;justify-content:space-between}.custom-detail-with-grid__notes{background-color:#f0f4ff;border:1px solid #d1e0ff;border-radius:8px;padding:16px}.custom-detail-with-grid__notes-title{color:#324158}.custom-detail-with-grid__notes-description{white-space:normal}.custom-detail-with-grid__notes-toggle{background:none;border:0;color:#0091fb;cursor:pointer;display:block;line-height:20px;margin-top:8px;padding:0;text-align:left;font-size:13px}.custom-detail-with-grid__grid{display:block;flex:1;min-height:180px;overflow:hidden;width:100%}.custom-detail-with-grid__grid ag-grid-angular{display:block;height:100%;width:100%}\n"], components: [{ type: ButtonV2Component, selector: "symphony-button-v2" }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i1$3.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"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-custom-detail-with-grid', template: "<div class=\"custom-detail-with-grid\">\n  <div class=\"custom-detail-with-grid__header\">\n    <div class=\"custom-detail-with-grid__header-top sfx-mb-10\">\n      <h4 class=\"sfx-m-0\">{{ title }}</h4>\n      <symphony-button-v2\n        *ngIf=\"showActionButton\"\n        [text]=\"actionButtonText\"\n        (clicked)=\"onViewAllClick()\"\n      ></symphony-button-v2>\n    </div>\n\n    <div *ngIf=\"shouldShowNotesSection\" class=\"custom-detail-with-grid__notes sfx-mb-15\">\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-title sfx-d-block sfx-font-bold sfx-mb-5\"\n        [text]=\"notesTitle\"\n      ></symphony-paragraph>\n\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-description sfx-d-block\"\n        [text]=\"displayedNotesDescription\"\n      ></symphony-paragraph>\n\n      <button\n        *ngIf=\"shouldShowNotesToggle\"\n        type=\"button\"\n        class=\"custom-detail-with-grid__notes-toggle\"\n        (click)=\"toggleNotesExpansion()\"\n      >\n        {{ isNotesExpanded ? 'See Less' : 'See More' }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"custom-detail-with-grid__grid\">\n    <ag-grid-angular\n      class=\"ag-theme-alpine sfx-lib-gird-dropdown\"\n      [columnDefs]=\"nestedColumnDefs\"\n      [defaultColDef]=\"nestedDefaultColDef\"\n      [frameworkComponents]=\"nestedFrameworkComponents\"\n      [rowHeight]=\"nestedRowHeight\"\n      [rowData]=\"nestedRowData\"\n      [suppressRowClickSelection]=\"nestedSuppressRowClickSelection\"\n      [suppressContextMenu]=\"nestedSuppressContextMenu\"\n      [rowSelection]=\"nestedRowSelection\"\n      (gridReady)=\"onNestedGridReady($event)\"\n    ></ag-grid-angular>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.custom-detail-with-grid{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.custom-detail-with-grid__header{display:flex;flex-direction:column}.custom-detail-with-grid__header-top{align-items:center;display:flex;justify-content:space-between}.custom-detail-with-grid__notes{background-color:#f0f4ff;border:1px solid #d1e0ff;border-radius:8px;padding:16px}.custom-detail-with-grid__notes-title{color:#324158}.custom-detail-with-grid__notes-description{white-space:normal}.custom-detail-with-grid__notes-toggle{background:none;border:0;color:#0091fb;cursor:pointer;display:block;line-height:20px;margin-top:8px;padding:0;text-align:left;font-size:13px}.custom-detail-with-grid__grid{display:block;flex:1;min-height:180px;overflow:hidden;width:100%}.custom-detail-with-grid__grid ag-grid-angular{display:block;height:100%;width:100%}\n"] }]
+        }] });
+
 class GridComponent {
     constructor() {
         this.pageSize = 20;
         this.suppressRowClickSelection = false;
         this.rowSelectionMode = 'single';
         this.treeData = false;
+        this.masterDetail = false;
         this.noRowsOverlayTemplate = "noRowsOverlay";
         this.rowHeightPage = 80;
         this.gridHeight = 100;
@@ -934,7 +1135,11 @@ class GridComponent {
         this.frameworkComponents = this.getFrameworkComponents();
         this.sortChanged = new EventEmitter();
         this.cellClick = new EventEmitter();
-        this.getRowHeight = () => {
+        this.getRowHeight = (params) => {
+            var _a;
+            if (((_a = params === null || params === void 0 ? void 0 : params.node) === null || _a === void 0 ? void 0 : _a.detail) && this.detailRowHeight) {
+                return this.detailRowHeight;
+            }
             return this.rowHeightPage;
         };
     }
@@ -959,12 +1164,15 @@ class GridComponent {
             coloredTextIndicator: ColoredTextIndicatorComponent,
             statusIndicatorComponent: StatusIndicatorComponent,
             gridCellClickedOpenNewTabComponent: GridCellClickedOpenNewTabComponent,
-            mergeContactClickedOpenModalComponent: MergeContactClickedOpenModalComponent
+            mergeContactClickedOpenModalComponent: MergeContactClickedOpenModalComponent,
+            customDetailWithGrid: CustomDetailWithGridComponent
         };
     }
     onGridReady(gridReadyEvent) {
         this.gridApi = gridReadyEvent.api;
-        this.onGridReadyFunction(gridReadyEvent);
+        if (this.onGridReadyFunction) {
+            this.onGridReadyFunction(gridReadyEvent);
+        }
     }
     onSortChanged(event) {
         this.sortChanged.emit(event);
@@ -974,10 +1182,10 @@ 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", defaultColDef: "defaultColDef", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction", pageSize: "pageSize", rowModelType: "rowModelType", suppressRowClickSelection: "suppressRowClickSelection", rowSelectionMode: "rowSelectionMode", hasNoPaddingleft: "hasNoPaddingleft", isGridColPinnedLeft: "isGridColPinnedLeft", isServerSideGroup: "isServerSideGroup", getServerSideGroupKey: "getServerSideGroupKey", autoGroupColumnDef: "autoGroupColumnDef", treeData: "treeData", getDataPath: "getDataPath", rowClassRules: "rowClassRules", gridContextMenu: "gridContextMenu", hasSorting: "hasSorting" }, outputs: { sortChanged: "sortChanged", cellClick: "cellClick" }, ngImport: i0, template: "<ag-grid-angular\n  class=\"ag-theme-alpine\"\n  [ngClass]=\"{ noPaddingLeft: hasNoPaddingleft, 'gridPinnedLeft': isGridColPinnedLeft,'sfx-lib-gird-dropdown' :gridContextMenu, 'sfx-grid-hasSorting' :hasSorting }\"\n  style=\"width: 100%\"\n  [style.height.vh]=\"gridHeight\"\n  [gridOptions]=\"gridOptions\"\n  [applyColumnDefOrder]=\"true\"\n  [rowModelType]=\"rowModelType\"\n  [columnDefs]=\"columnDefs\"\n  [defaultColDef]=\"defaultColDef\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [getRowHeight]=\"getRowHeight\"\n  [paginationPageSize]=\"pageSize\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [rowData]=\"rowData\"\n  [maxConcurrentDatasourceRequests]=\"1\"\n  [loadingCellRenderer]=\"loadingCellRenderer\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [rowSelection]=\"rowSelectionMode\"\n  [enableBrowserTooltips]=\"true\"\n  [noRowsOverlayComponent]=\"noRowsOverlayTemplate\"\n  [suppressContextMenu]=\"true\"\n  [treeData]=\"treeData\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [serverSideSortingAlwaysResets]=\"true\"\n  [getDataPath]=\"getDataPath\"\n  [rowClassRules]=\"rowClassRules\"\n  (gridReady)=\"onGridReady($event)\"\n  (sortChanged)=\"onSortChanged($event)\"\n  (cellClicked)=\"onCellClick($event)\"\n>\n</ag-grid-angular>\n", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-cell,.ag-theme-alpine.noPaddingLeft .ag-header-cell{padding-left:0!important}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container .ag-cell{padding:20px 17px}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container:after{content:\"\";box-shadow:5px 0 8px -2px #d6d6d6;display:inline-block;width:15px;height:100%;background:transparent;position:absolute;right:10px}.ag-theme-alpine .ag-icon-tree-closed:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(90deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-closed:hover{color:#000!important}.ag-theme-alpine .ag-icon-tree-open:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(180deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-open:hover{color:#000!important}.license-expired{background-color:#f0001e!important}.license-aboutto-expire{background-color:#ffa700!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row{z-index:1}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell .more-options{display:none}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell.col-hasMoreActions{overflow:visible;padding-left:0;padding-right:0}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .ag-cell .more-options{display:inline-block}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn{background:#F1F2F5!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn:hover,.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options.open button.dropdown-toggle.btn{background:#fff!important;color:#334860!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-focus{z-index:2}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon{display:flex!important;position:relative;flex-direction:column-reverse;gap:0px;line-height:12px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:before{border-top:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important;margin-top:5px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:after{border-bottom:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon .ag-icon-filter{display:none}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-header-icon.ag-filter-icon:after{border-bottom-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-sort-ascending-icon{display:none!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-header-icon.ag-filter-icon:before{border-top-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-sort-descending-icon{display:none!important}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-last{border-bottom:none}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:-100px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:64px;transform:rotate(0)}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:40px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:-24px;transform:rotate(180deg)}\n"], components: [{ type: i1$3.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"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridComponent, selector: "symphony-grid", inputs: { columnDefs: "columnDefs", defaultColDef: "defaultColDef", rowData: "rowData", onGridReadyFunction: "onGridReadyFunction", pageSize: "pageSize", rowModelType: "rowModelType", suppressRowClickSelection: "suppressRowClickSelection", rowSelectionMode: "rowSelectionMode", hasNoPaddingleft: "hasNoPaddingleft", isGridColPinnedLeft: "isGridColPinnedLeft", isServerSideGroup: "isServerSideGroup", getServerSideGroupKey: "getServerSideGroupKey", autoGroupColumnDef: "autoGroupColumnDef", treeData: "treeData", getDataPath: "getDataPath", rowClassRules: "rowClassRules", gridContextMenu: "gridContextMenu", hasSorting: "hasSorting", masterDetail: "masterDetail", detailCellRenderer: "detailCellRenderer", detailCellRendererParams: "detailCellRendererParams", detailRowHeight: "detailRowHeight", isRowMaster: "isRowMaster", context: "context" }, outputs: { sortChanged: "sortChanged", cellClick: "cellClick" }, ngImport: i0, template: "<ag-grid-angular\n  class=\"ag-theme-alpine\"\n  [ngClass]=\"{ noPaddingLeft: hasNoPaddingleft, 'gridPinnedLeft': isGridColPinnedLeft,'sfx-lib-gird-dropdown' :gridContextMenu, 'sfx-grid-hasSorting' :hasSorting }\"\n  style=\"width: 100%\"\n  [style.height.vh]=\"gridHeight\"\n  [gridOptions]=\"gridOptions\"\n  [applyColumnDefOrder]=\"true\"\n  [rowModelType]=\"rowModelType\"\n  [columnDefs]=\"columnDefs\"\n  [defaultColDef]=\"defaultColDef\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [getRowHeight]=\"getRowHeight\"\n  [paginationPageSize]=\"pageSize\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [rowData]=\"rowData\"\n  [maxConcurrentDatasourceRequests]=\"1\"\n  [loadingCellRenderer]=\"loadingCellRenderer\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [rowSelection]=\"rowSelectionMode\"\n  [enableBrowserTooltips]=\"true\"\n  [noRowsOverlayComponent]=\"noRowsOverlayTemplate\"\n  [suppressContextMenu]=\"true\"\n  [treeData]=\"treeData\"\n  [masterDetail]=\"masterDetail\"\n  [detailCellRenderer]=\"detailCellRenderer\"\n  [detailCellRendererParams]=\"detailCellRendererParams\"\n  [detailRowHeight]=\"detailRowHeight\"\n  [isRowMaster]=\"isRowMaster\"\n  [context]=\"context\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [serverSideSortingAlwaysResets]=\"true\"\n  [getDataPath]=\"getDataPath\"\n  [rowClassRules]=\"rowClassRules\"\n  (gridReady)=\"onGridReady($event)\"\n  (sortChanged)=\"onSortChanged($event)\"\n  (cellClicked)=\"onCellClick($event)\"\n>\n</ag-grid-angular>\n", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-cell,.ag-theme-alpine.noPaddingLeft .ag-header-cell{padding-left:0!important}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container .ag-cell{padding:20px 17px}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container:after{content:\"\";box-shadow:5px 0 8px -2px #d6d6d6;display:inline-block;width:15px;height:100%;background:transparent;position:absolute;right:10px}.ag-theme-alpine .ag-icon-tree-closed:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(90deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-closed:hover{color:#000!important}.ag-theme-alpine .ag-icon-tree-open:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(180deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-open:hover{color:#000!important}.license-expired{background-color:#f0001e!important}.license-aboutto-expire{background-color:#ffa700!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row{z-index:1}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell .more-options{display:none}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell .more-options.open{display:inline-block}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell.col-hasMoreActions{overflow:visible;padding-left:0;padding-right:0}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .ag-cell .more-options{display:inline-block}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn{background:#F1F2F5!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn:hover,.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options.open button.dropdown-toggle.btn{background:#fff!important;color:#334860!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-focus{z-index:2}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon{display:flex!important;position:relative;flex-direction:column-reverse;gap:0px;line-height:12px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:before{border-top:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important;margin-top:5px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:after{border-bottom:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon .ag-icon-filter{display:none}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-header-icon.ag-filter-icon:after{border-bottom-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-sort-ascending-icon{display:none!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-header-icon.ag-filter-icon:before{border-top-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-sort-descending-icon{display:none!important}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-last{border-bottom:none}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:-100px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:64px;transform:rotate(0)}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:40px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:-24px;transform:rotate(180deg)}\n"], components: [{ type: i1$3.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"] }], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-grid', encapsulation: ViewEncapsulation.None, template: "<ag-grid-angular\n  class=\"ag-theme-alpine\"\n  [ngClass]=\"{ noPaddingLeft: hasNoPaddingleft, 'gridPinnedLeft': isGridColPinnedLeft,'sfx-lib-gird-dropdown' :gridContextMenu, 'sfx-grid-hasSorting' :hasSorting }\"\n  style=\"width: 100%\"\n  [style.height.vh]=\"gridHeight\"\n  [gridOptions]=\"gridOptions\"\n  [applyColumnDefOrder]=\"true\"\n  [rowModelType]=\"rowModelType\"\n  [columnDefs]=\"columnDefs\"\n  [defaultColDef]=\"defaultColDef\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [getRowHeight]=\"getRowHeight\"\n  [paginationPageSize]=\"pageSize\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [rowData]=\"rowData\"\n  [maxConcurrentDatasourceRequests]=\"1\"\n  [loadingCellRenderer]=\"loadingCellRenderer\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [rowSelection]=\"rowSelectionMode\"\n  [enableBrowserTooltips]=\"true\"\n  [noRowsOverlayComponent]=\"noRowsOverlayTemplate\"\n  [suppressContextMenu]=\"true\"\n  [treeData]=\"treeData\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [serverSideSortingAlwaysResets]=\"true\"\n  [getDataPath]=\"getDataPath\"\n  [rowClassRules]=\"rowClassRules\"\n  (gridReady)=\"onGridReady($event)\"\n  (sortChanged)=\"onSortChanged($event)\"\n  (cellClicked)=\"onCellClick($event)\"\n>\n</ag-grid-angular>\n", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-cell,.ag-theme-alpine.noPaddingLeft .ag-header-cell{padding-left:0!important}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container .ag-cell{padding:20px 17px}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container:after{content:\"\";box-shadow:5px 0 8px -2px #d6d6d6;display:inline-block;width:15px;height:100%;background:transparent;position:absolute;right:10px}.ag-theme-alpine .ag-icon-tree-closed:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(90deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-closed:hover{color:#000!important}.ag-theme-alpine .ag-icon-tree-open:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(180deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-open:hover{color:#000!important}.license-expired{background-color:#f0001e!important}.license-aboutto-expire{background-color:#ffa700!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row{z-index:1}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell .more-options{display:none}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell.col-hasMoreActions{overflow:visible;padding-left:0;padding-right:0}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .ag-cell .more-options{display:inline-block}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn{background:#F1F2F5!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn:hover,.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options.open button.dropdown-toggle.btn{background:#fff!important;color:#334860!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-focus{z-index:2}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon{display:flex!important;position:relative;flex-direction:column-reverse;gap:0px;line-height:12px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:before{border-top:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important;margin-top:5px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:after{border-bottom:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon .ag-icon-filter{display:none}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-header-icon.ag-filter-icon:after{border-bottom-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-sort-ascending-icon{display:none!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-header-icon.ag-filter-icon:before{border-top-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-sort-descending-icon{display:none!important}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-last{border-bottom:none}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:-100px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:64px;transform:rotate(0)}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:40px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:-24px;transform:rotate(180deg)}\n"] }]
+            args: [{ selector: 'symphony-grid', encapsulation: ViewEncapsulation.None, template: "<ag-grid-angular\n  class=\"ag-theme-alpine\"\n  [ngClass]=\"{ noPaddingLeft: hasNoPaddingleft, 'gridPinnedLeft': isGridColPinnedLeft,'sfx-lib-gird-dropdown' :gridContextMenu, 'sfx-grid-hasSorting' :hasSorting }\"\n  style=\"width: 100%\"\n  [style.height.vh]=\"gridHeight\"\n  [gridOptions]=\"gridOptions\"\n  [applyColumnDefOrder]=\"true\"\n  [rowModelType]=\"rowModelType\"\n  [columnDefs]=\"columnDefs\"\n  [defaultColDef]=\"defaultColDef\"\n  [frameworkComponents]=\"frameworkComponents\"\n  [getRowHeight]=\"getRowHeight\"\n  [paginationPageSize]=\"pageSize\"\n  [cacheBlockSize]=\"cacheBlockSize\"\n  [rowData]=\"rowData\"\n  [maxConcurrentDatasourceRequests]=\"1\"\n  [loadingCellRenderer]=\"loadingCellRenderer\"\n  [suppressRowClickSelection]=\"suppressRowClickSelection\"\n  [rowSelection]=\"rowSelectionMode\"\n  [enableBrowserTooltips]=\"true\"\n  [noRowsOverlayComponent]=\"noRowsOverlayTemplate\"\n  [suppressContextMenu]=\"true\"\n  [treeData]=\"treeData\"\n  [masterDetail]=\"masterDetail\"\n  [detailCellRenderer]=\"detailCellRenderer\"\n  [detailCellRendererParams]=\"detailCellRendererParams\"\n  [detailRowHeight]=\"detailRowHeight\"\n  [isRowMaster]=\"isRowMaster\"\n  [context]=\"context\"\n  [isServerSideGroup]=\"isServerSideGroup\"\n  [getServerSideGroupKey]=\"getServerSideGroupKey\"\n  [autoGroupColumnDef]=\"autoGroupColumnDef\"\n  [serverSideSortingAlwaysResets]=\"true\"\n  [getDataPath]=\"getDataPath\"\n  [rowClassRules]=\"rowClassRules\"\n  (gridReady)=\"onGridReady($event)\"\n  (sortChanged)=\"onSortChanged($event)\"\n  (cellClicked)=\"onCellClick($event)\"\n>\n</ag-grid-angular>\n", styles: [".ag-center-cols-clipper .ag-row .ag-cell{display:flex;align-items:center}.ag-center-cols-clipper .ag-row .ag-cell .cell-wrap-text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:60px;word-break:break-word;line-height:20px}.ag-theme-alpine.noPaddingLeft .ag-cell,.ag-theme-alpine.noPaddingLeft .ag-header-cell{padding-left:0!important}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container .ag-cell{padding:20px 17px}.ag-theme-alpine.gridPinnedLeft .ag-pinned-left-cols-container:after{content:\"\";box-shadow:5px 0 8px -2px #d6d6d6;display:inline-block;width:15px;height:100%;background:transparent;position:absolute;right:10px}.ag-theme-alpine .ag-icon-tree-closed:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(90deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-closed:hover{color:#000!important}.ag-theme-alpine .ag-icon-tree-open:before{content:\"\\e985\"!important;font-family:library-icons!important;transform:rotate(180deg);display:inline-block}.ag-theme-alpine .ag-icon-tree-open:hover{color:#000!important}.license-expired{background-color:#f0001e!important}.license-aboutto-expire{background-color:#ffa700!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row{z-index:1}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell .more-options{display:none}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell .more-options.open{display:inline-block}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row .ag-cell.col-hasMoreActions{overflow:visible;padding-left:0;padding-right:0}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .ag-cell .more-options{display:inline-block}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn{background:#F1F2F5!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options button.dropdown-toggle.btn:hover,.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-hover .more-options.open button.dropdown-toggle.btn{background:#fff!important;color:#334860!important}.sfx-lib-gird-dropdown.ag-theme-alpine .ag-row.ag-row-focus{z-index:2}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon{display:flex!important;position:relative;flex-direction:column-reverse;gap:0px;line-height:12px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:before{border-top:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important;margin-top:5px}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon:after{border-bottom:7px solid #d2d8e5;border-left:4px solid transparent;border-right:4px solid transparent;content:\" \"!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-label .ag-header-icon.ag-filter-icon .ag-icon-filter{display:none}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-header-icon.ag-filter-icon:after{border-bottom-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-asc .ag-sort-ascending-icon{display:none!important}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-header-icon.ag-filter-icon:before{border-top-color:#000}.sfx-grid-hasSorting .ag-header-cell-sortable .ag-header-cell-sorted-desc .ag-sort-descending-icon{display:none!important}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-last{border-bottom:none}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:-100px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:64px;transform:rotate(0)}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu{top:40px}.show-moreOption-dropdown-top .ag-theme-alpine .ag-row.ag-row-hover.ag-row-first.ag-row-last.ag-row-focus .btn-group .dropdown-menu:before{top:-24px;transform:rotate(180deg)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
                 type: Input
             }], defaultColDef: [{
@@ -1014,6 +1222,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Input
             }], hasSorting: [{
                 type: Input
+            }], masterDetail: [{
+                type: Input
+            }], detailCellRenderer: [{
+                type: Input
+            }], detailCellRendererParams: [{
+                type: Input
+            }], detailRowHeight: [{
+                type: Input
+            }], isRowMaster: [{
+                type: Input
+            }], context: [{
+                type: Input
             }], sortChanged: [{
                 type: Output
             }], cellClick: [{
@@ -1296,6 +1516,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class CustomDetailWithGridModule {
+}
+CustomDetailWithGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CustomDetailWithGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridModule, declarations: [CustomDetailWithGridComponent], imports: [CommonModule, AgGridModule, ButtonV2Module, ParagraphModule, EventSettingsMoreOptionsModule], exports: [CustomDetailWithGridComponent] });
+CustomDetailWithGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridModule, imports: [[CommonModule, AgGridModule, ButtonV2Module, ParagraphModule, EventSettingsMoreOptionsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CustomDetailWithGridComponent],
+                    imports: [CommonModule, AgGridModule, ButtonV2Module, ParagraphModule, EventSettingsMoreOptionsModule],
+                    exports: [CustomDetailWithGridComponent]
+                }]
+        }] });
+
 class FrameworkModule {
 }
 FrameworkModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1312,7 +1546,8 @@ FrameworkModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         ColoredTextIndicatorModule,
         StatusIndicatorModule,
         GridCellClickedOpenNewTabModule,
-        MergeContactClickedOpenModalModule] });
+        MergeContactClickedOpenModalModule,
+        CustomDetailWithGridModule] });
 FrameworkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, imports: [[], ContactActivityScoreModule,
         RelevanceScoreModule,
         GridToggleCellRendererModule,
@@ -1326,7 +1561,8 @@ FrameworkModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
         ColoredTextIndicatorModule,
         StatusIndicatorModule,
         GridCellClickedOpenNewTabModule,
-        MergeContactClickedOpenModalModule] });
+        MergeContactClickedOpenModalModule,
+        CustomDetailWithGridModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FrameworkModule, decorators: [{
             type: NgModule,
             args: [{
@@ -1346,7 +1582,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         ColoredTextIndicatorModule,
                         StatusIndicatorModule,
                         GridCellClickedOpenNewTabModule,
-                        MergeContactClickedOpenModalModule
+                        MergeContactClickedOpenModalModule,
+                        CustomDetailWithGridModule
                     ],
                 }]
         }] });
@@ -8607,7 +8844,7 @@ class EventsSettingsPageComponent {
     }
 }
 EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], 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", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridActionsSelectedOption: "gridActionsSelectedOption", addButtonClicked: "addButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"], components: [{ type: AdminListTemplateComponent, selector: "symphony-admin-list-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], 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", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }], 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: EventsSettingsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-events-settings-page', encapsulation: ViewEncapsulation.None, template: "<symphony-admin-list-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header>Event Settings</symphony-h3>\n  <symphony-icon-wrapper\n    sfx-page-action\n    *ngIf=\"model.showAddButton\"\n    (clicked)=\"onAddButtonClick()\"\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"model.settingTypeDropdown\"\n      (selectItem)=\"onFilterChange($event)\"\n      *ngIf=\"!model.overrideSettingTypeFilterPlaceholder\"\n    >\n    </symphony-input-dropdown>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n    <symphony-input-text\n      filter-two\n      [label]=\"'Search by Keyword'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"keywordSearch($event)\"\n    >\n    </symphony-input-text>\n  </symphony-two-column-filter-area>\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]
@@ -9755,7 +9992,7 @@ class AdvertisedJobPostingsListPageComponent {
     }
 }
 AdvertisedJobPostingsListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+AdvertisedJobPostingsListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsListPageComponent, selector: "symphony-advertised-job-postings-list-page", inputs: { model: "model", gridActionModel: "gridActionModel", gridControlsModel: "gridControlsModel" }, outputs: { keywordSearchChange: "keywordSearchChange", filterChange: "filterChange", gridControlClick: "gridControlClick", gridActionClick: "gridActionClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""], components: [{ type: AdvertisedJobPostingsListTemplateComponent, selector: "symphony-advertised-job-postings-list-template" }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: TwoColumnFilterAreaComponent, selector: "symphony-two-column-filter-area", inputs: ["height"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: ActionBarAdvertiseJobListComponent, selector: "symphony-action-bar-advertise-job-list", inputs: ["gridActionModel", "gridControlsModel"], outputs: ["gridControlClick", "gridActionClick"] }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertised-job-postings-list-page', template: "<symphony-advertised-job-postings-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Your Job Postings</symphony-h3>\n\n  <symphony-two-column-filter-area sfx-filter-area>\n    <symphony-input-text\n      filter-one\n      [label]=\"'Search by Job Site'\"\n      [placeholder]=\"'Enter Search Value'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <ng-content\n      *ngIf=\"model.overrideSettingTypeFilterPlaceholder\"\n      select=\"[filter-one]\"\n    ></ng-content>\n  </symphony-two-column-filter-area>\n  <symphony-action-bar-advertise-job-list\n    sfx-grid-action\n    [gridActionModel]=\"model.gridActions\"\n    [gridControlsModel]=\"model.gridControls\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n  ></symphony-action-bar-advertise-job-list>\n\n  <symphony-h4 sfx-title>{{ model.gridTitle }}</symphony-h4>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n  ></symphony-grid>\n</symphony-advertised-job-postings-list-template>\n", styles: [""] }]
@@ -9879,7 +10116,7 @@ class AdvertisedJobPostingsModalComponent {
     }
 }
 AdvertisedJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertisedJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-AdvertisedJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsModalComponent, selector: "symphony-advertised-job-postings-modal", inputs: { model: "model", gridDownloadModel: "gridDownloadModel" }, outputs: { keywordSearchChange: "keywordSearchChange", downloadClicked: "downloadClicked", closeButtonClicked: "closeButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n  <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-input-text\n    sfx-filter-area\n    [placeholder]=\"'Keyword'\"\n    [icon]=\"'si-search-new'\"\n    [isInverse]=\"false\"\n    (textChange)=\"onKeywordSearch($event)\"\n  >\n  </symphony-input-text>\n\n  <symphony-grid-download\n    sfx-grid-download\n    [model]=\"model.gridDownloadModel\"\n    (clicked)=\"onDownloadClick()\"\n  >\n  </symphony-grid-download>\n\n  <symphony-grid\n    #sfxgrid\n    sfx-modal-body-area\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [rowSelectionMode]=\"'multiple'\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"], components: [{ type: OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: GridDownloadComponent, selector: "symphony-grid-download", inputs: ["model"], outputs: ["clicked"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+AdvertisedJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertisedJobPostingsModalComponent, selector: "symphony-advertised-job-postings-modal", inputs: { model: "model", gridDownloadModel: "gridDownloadModel" }, outputs: { keywordSearchChange: "keywordSearchChange", downloadClicked: "downloadClicked", closeButtonClicked: "closeButtonClicked" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n  <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-input-text\n    sfx-filter-area\n    [placeholder]=\"'Keyword'\"\n    [icon]=\"'si-search-new'\"\n    [isInverse]=\"false\"\n    (textChange)=\"onKeywordSearch($event)\"\n  >\n  </symphony-input-text>\n\n  <symphony-grid-download\n    sfx-grid-download\n    [model]=\"model.gridDownloadModel\"\n    (clicked)=\"onDownloadClick()\"\n  >\n  </symphony-grid-download>\n\n  <symphony-grid\n    #sfxgrid\n    sfx-modal-body-area\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [rowSelectionMode]=\"'multiple'\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"], components: [{ type: OneColumnWithFilterModalTemplateComponent, selector: "symphony-one-column-with-filter-modal-template" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: GridDownloadComponent, selector: "symphony-grid-download", inputs: ["model"], outputs: ["clicked"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }], 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: AdvertisedJobPostingsModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertised-job-postings-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-one-column-with-filter-modal-template *ngIf=\"model\">\n  <symphony-h4 sfx-modal-title>Advertised Jobs</symphony-h4>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n\n  <symphony-input-text\n    sfx-filter-area\n    [placeholder]=\"'Keyword'\"\n    [icon]=\"'si-search-new'\"\n    [isInverse]=\"false\"\n    (textChange)=\"onKeywordSearch($event)\"\n  >\n  </symphony-input-text>\n\n  <symphony-grid-download\n    sfx-grid-download\n    [model]=\"model.gridDownloadModel\"\n    (clicked)=\"onDownloadClick()\"\n  >\n  </symphony-grid-download>\n\n  <symphony-grid\n    #sfxgrid\n    sfx-modal-body-area\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    [rowSelectionMode]=\"'multiple'\"\n    [hasNoPaddingleft]=\"true\"\n  ></symphony-grid>\n</symphony-one-column-with-filter-modal-template>\n", styles: [".sfx-modal .ag-theme-alpine{max-height:500px!important}.sfx-modal .ag-theme-alpine .ag-center-cols-clipper .ag-cell{line-height:20px;display:block}.sfx-modal .input-text-wrap .input-text{margin-left:0!important}\n"] }]
@@ -10317,7 +10554,7 @@ class JobListPageComponent {
     }
 }
 JobListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+JobListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: JobListPageComponent, selector: "symphony-job-list-page", inputs: { jobListModel: "jobListModel" }, outputs: { addButtonClicked: "addButtonClicked", advanceSearchClicked: "advanceSearchClicked", lastLoadClicked: "lastLoadClicked", itemClicked: "itemClicked", jobCategorySearchChange: "jobCategorySearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", rowChecked: "rowChecked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: IconWrapperComponent, selector: "symphony-icon-wrapper", inputs: ["backgroundColor", "isInverse", "hasHoverWithoutBorder", "isDisabled"], outputs: ["clicked"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: AdvanceFilterSelectedCounterComponent, selector: "symphony-advance-filter-selected-counter", inputs: ["advancedSearchFilterCount"] }, { type: H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: ContextualMenuComponent, selector: "symphony-contextual-menu", inputs: ["model"], outputs: ["itemClick"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: JobListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-job-list-page', template: "<symphony-contact-list-template *ngIf=\"jobListModel\">\n  <symphony-h3 sfx-header>Jobs</symphony-h3>\n  <symphony-icon-wrapper\n    *ngIf=\"jobListModel.hasCreateJob\"\n    (clicked)=\"onAddButtonClick()\"\n    sfx-page-action\n  >\n    <symphony-icon [icon]=\"'si-add'\"></symphony-icon>\n  </symphony-icon-wrapper>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <symphony-icon-wrapper\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      (clicked)=\"onAdvanceSearchClick()\"\n      advance-search-icon\n      [isInverse]=\"true\"\n      class=\"sfx-position-relative\"\n    >\n      <symphony-icon [icon]=\"'si-search-advanced'\"></symphony-icon>\n      <symphony-advance-filter-selected-counter\n        *ngIf=\"jobListModel.advancedSearchFilterCount\"\n        [advancedSearchFilterCount]=\"jobListModel.advancedSearchFilterCount\"\n      ></symphony-advance-filter-selected-counter>\n    </symphony-icon-wrapper>\n    <symphony-h5\n      *ngIf=\"jobListModel.hasAdvanceSearch\"\n      class=\"sfx-mt-10 sfx-d-flex\"\n      advance-search\n      >Advanced Search</symphony-h5\n    >\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasLoadLast\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.loadLastSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\" (clicked)=\"onLoadLastClick()\">\n        <symphony-icon [icon]=\"'si-refresh'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-tooltip-wrapper\n      load-last\n      *ngIf=\"jobListModel.hasClearSearch\"\n      [placement]=\"'top'\"\n      [tooltipHtml]=\"jobListModel.clearSearchTooltip\"\n    >\n      <symphony-icon-wrapper [isInverse]=\"true\">\n        <symphony-icon [icon]=\"'si-search-clear'\"></symphony-icon>\n      </symphony-icon-wrapper>\n    </symphony-tooltip-wrapper>\n    <symphony-contextual-menu\n      *ngIf=\"jobListModel.hasFilterMoreOption\"\n      more-options\n      [model]=\"jobListModel.moreActions\"\n      (itemClick)=\"onItemClick($event)\"\n    >\n    </symphony-contextual-menu>\n    <symphony-input-text\n      *ngIf=\"!jobListModel.overrideFilterOne\"\n      filter1\n      [label]=\"'Job Category'\"\n      [placeholder]=\"'Enter Job Category'\"\n      [icon]=\"'si-search-new'\"\n      [isInverse]=\"true\"\n      (textChange)=\"onJobCategorySearch($event)\"\n    >\n    </symphony-input-text>\n\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter5]\" select=\"[filter5]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter6]\" select=\"[filter6]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter7]\" select=\"[filter7]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"jobListModel.gridActionModel\"\n    [gridControlsModel]=\"jobListModel.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"jobListModel.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"jobListModel.grid.columnDefs\"\n    [defaultColDef]=\"jobListModel.grid.defaultColumnDef\"\n    [rowData]=\"jobListModel.grid.rowData\"\n    [pageSize]=\"jobListModel.grid.pageSize\"\n    [onGridReadyFunction]=\"jobListModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"jobListModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
@@ -10428,7 +10665,7 @@ class FeedbackRequestListPageComponent {
     }
 }
 FeedbackRequestListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackRequestListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FeedbackRequestListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackRequestListPageComponent, selector: "symphony-feedback-request-list-page", inputs: { model: "model" }, outputs: { itemClicked: "itemClicked", folderSearchChange: "folderSearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Feedback Requests</symphony-h3>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"model.gridActionModel\"\n    [gridControlsModel]=\"model.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"model.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+FeedbackRequestListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FeedbackRequestListPageComponent, selector: "symphony-feedback-request-list-page", inputs: { model: "model" }, outputs: { itemClicked: "itemClicked", folderSearchChange: "folderSearchChange", gridControlClicked: "gridControlClicked", gridActionClicked: "gridActionClicked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<symphony-contact-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Feedback Requests</symphony-h3>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"model.gridActionModel\"\n    [gridControlsModel]=\"model.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"model.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""], components: [{ type: ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: FilterAreaComponent, selector: "symphony-filter-area" }, { type: H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: ActionBarJobListComponent, selector: "symphony-action-bar-job-list", inputs: ["gridActionModel", "gridControlsModel", "hasActionToggle"], outputs: ["gridControlClick", "gridActionClick"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FeedbackRequestListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-feedback-request-list-page', template: "<symphony-contact-list-template *ngIf=\"model\">\n  <symphony-h3 sfx-header>Feedback Requests</symphony-h3>\n  <symphony-filter-area sfx-filter-area>\n    <symphony-h4 title>Search</symphony-h4>\n    <ng-content ngProjectAs=\"[filter1]\" select=\"[filter1]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter2]\" select=\"[filter2]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter3]\" select=\"[filter3]\"></ng-content>\n    <ng-content ngProjectAs=\"[filter4]\" select=\"[filter4]\"></ng-content>\n  </symphony-filter-area>\n  <symphony-action-bar-job-list\n    sfx-actions\n    [gridActionModel]=\"model.gridActionModel\"\n    [gridControlsModel]=\"model.gridControlsModel\"\n    (gridControlClick)=\"onGridControlClick($event)\"\n    (gridActionClick)=\"onGridActionClick($event)\"\n    [hasActionToggle]=\"model.hasActionToggle\"\n  ></symphony-action-bar-job-list>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"model.grid.columnDefs\"\n    [defaultColDef]=\"model.grid.defaultColumnDef\"\n    [rowData]=\"model.grid.rowData\"\n    [pageSize]=\"model.grid.pageSize\"\n    [onGridReadyFunction]=\"model.grid.onGridReadyFunction\"\n    [rowModelType]=\"model.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n", styles: [""] }]
@@ -11111,7 +11348,7 @@ class ReportLicenseDetailsPageComponent {
     }
 }
 ReportLicenseDetailsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ReportLicenseDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportLicenseDetailsPageComponent, selector: "symphony-report-license-details-page", inputs: { reportLicenseModel: "reportLicenseModel", isLoadingLicensePage: "isLoadingLicensePage", errorPageState: "errorPageState" }, outputs: { keywordSearchChange: "keywordSearchChange", statusFilterChange: "statusFilterChange", modifiedFilterChange: "modifiedFilterChange" }, ngImport: i0, template: "<section class = \"report-license-container\" *ngIf=\"reportLicenseModel && !isLoadingLicensePage\">\n<div *ngIf=\"reportLicenseModel.statusCard\" class=\"row mb-space\">\n<div *ngFor=\"let card of reportLicenseModel.statusCard\" class=\"col-md-3 card-space\">\n  <symphony-status-card  [statusCardModel]=\"card\"></symphony-status-card>\n</div>\n</div>\n<div *ngIf=\"reportLicenseModel.showFilters\" class=\"filter-area-section mb-space\">\n  <div *ngIf=\"reportLicenseModel.showSearchBox\" class=\"wd-100\">\n  <symphony-input-text\n  filter-one\n  [label]=\"'Keyword'\"\n  [placeholder]=\"'Enter Search Value'\"\n  [icon]=\"'si-search-new'\"\n  [isInverse]=\"true\"\n  (textChange)=\"onKeywordSearch($event)\"\n>\n</symphony-input-text>\n  </div>\n  <div *ngIf=\"reportLicenseModel.statusDropdown\" class=\"wd-100\">\n    <symphony-input-dropdown\n    filter-one\n    [isInverse]=\"true\"\n    [inputDropdownListModel]=\"reportLicenseModel.statusDropdown\"\n    (selectItem)=\"onStatusFilterChange($event)\">\n  </symphony-input-dropdown>\n    </div>\n    <div *ngIf=\"reportLicenseModel.lastModifiedDropdown\" class=\"wd-100\">\n      <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"reportLicenseModel.lastModifiedDropdown\"\n      (selectItem)=\"onModifiedFilterChange($event)\">\n    </symphony-input-dropdown>\n    </div>\n</div>\n<div *ngIf=\"reportLicenseModel.formattedCounterModel?.count\" class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear grid-with-dropdown show-moreOption-dropdown-top\">\n<symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"reportLicenseModel.grid.columnDefs\"\n    [defaultColDef]=\"reportLicenseModel.grid.defaultColumnDef\"\n    [rowData]=\"reportLicenseModel.grid.rowData\"\n    [pageSize]=\"reportLicenseModel.grid.pageSize\"\n    [onGridReadyFunction]=\"reportLicenseModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"reportLicenseModel.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    [rowClassRules]=\"reportLicenseModel.grid.rowClassRules\"\n    [gridContextMenu]=\"true\"\n></symphony-grid>\n</div>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingLicensePage\"></symphony-sfx-loader>\n\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingLicensePage\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to reload it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [".report-license-container{padding:10px}.filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem;display:flex;width:100%}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.wd-100{width:100%}\n"], components: [{ type: StatusCardComponent, selector: "symphony-status-card", inputs: ["statusCardModel"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: ["model"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+ReportLicenseDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportLicenseDetailsPageComponent, selector: "symphony-report-license-details-page", inputs: { reportLicenseModel: "reportLicenseModel", isLoadingLicensePage: "isLoadingLicensePage", errorPageState: "errorPageState" }, outputs: { keywordSearchChange: "keywordSearchChange", statusFilterChange: "statusFilterChange", modifiedFilterChange: "modifiedFilterChange" }, ngImport: i0, template: "<section class = \"report-license-container\" *ngIf=\"reportLicenseModel && !isLoadingLicensePage\">\n<div *ngIf=\"reportLicenseModel.statusCard\" class=\"row mb-space\">\n<div *ngFor=\"let card of reportLicenseModel.statusCard\" class=\"col-md-3 card-space\">\n  <symphony-status-card  [statusCardModel]=\"card\"></symphony-status-card>\n</div>\n</div>\n<div *ngIf=\"reportLicenseModel.showFilters\" class=\"filter-area-section mb-space\">\n  <div *ngIf=\"reportLicenseModel.showSearchBox\" class=\"wd-100\">\n  <symphony-input-text\n  filter-one\n  [label]=\"'Keyword'\"\n  [placeholder]=\"'Enter Search Value'\"\n  [icon]=\"'si-search-new'\"\n  [isInverse]=\"true\"\n  (textChange)=\"onKeywordSearch($event)\"\n>\n</symphony-input-text>\n  </div>\n  <div *ngIf=\"reportLicenseModel.statusDropdown\" class=\"wd-100\">\n    <symphony-input-dropdown\n    filter-one\n    [isInverse]=\"true\"\n    [inputDropdownListModel]=\"reportLicenseModel.statusDropdown\"\n    (selectItem)=\"onStatusFilterChange($event)\">\n  </symphony-input-dropdown>\n    </div>\n    <div *ngIf=\"reportLicenseModel.lastModifiedDropdown\" class=\"wd-100\">\n      <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"reportLicenseModel.lastModifiedDropdown\"\n      (selectItem)=\"onModifiedFilterChange($event)\">\n    </symphony-input-dropdown>\n    </div>\n</div>\n<div *ngIf=\"reportLicenseModel.formattedCounterModel?.count\" class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear grid-with-dropdown show-moreOption-dropdown-top\">\n<symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"reportLicenseModel.grid.columnDefs\"\n    [defaultColDef]=\"reportLicenseModel.grid.defaultColumnDef\"\n    [rowData]=\"reportLicenseModel.grid.rowData\"\n    [pageSize]=\"reportLicenseModel.grid.pageSize\"\n    [onGridReadyFunction]=\"reportLicenseModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"reportLicenseModel.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    [rowClassRules]=\"reportLicenseModel.grid.rowClassRules\"\n    [gridContextMenu]=\"true\"\n></symphony-grid>\n</div>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingLicensePage\"></symphony-sfx-loader>\n\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingLicensePage\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to reload it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [".report-license-container{padding:10px}.filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem;display:flex;width:100%}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.wd-100{width:100%}\n"], components: [{ type: StatusCardComponent, selector: "symphony-status-card", inputs: ["statusCardModel"] }, { type: InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: ["model"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }, { type: SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-report-license-details-page', template: "<section class = \"report-license-container\" *ngIf=\"reportLicenseModel && !isLoadingLicensePage\">\n<div *ngIf=\"reportLicenseModel.statusCard\" class=\"row mb-space\">\n<div *ngFor=\"let card of reportLicenseModel.statusCard\" class=\"col-md-3 card-space\">\n  <symphony-status-card  [statusCardModel]=\"card\"></symphony-status-card>\n</div>\n</div>\n<div *ngIf=\"reportLicenseModel.showFilters\" class=\"filter-area-section mb-space\">\n  <div *ngIf=\"reportLicenseModel.showSearchBox\" class=\"wd-100\">\n  <symphony-input-text\n  filter-one\n  [label]=\"'Keyword'\"\n  [placeholder]=\"'Enter Search Value'\"\n  [icon]=\"'si-search-new'\"\n  [isInverse]=\"true\"\n  (textChange)=\"onKeywordSearch($event)\"\n>\n</symphony-input-text>\n  </div>\n  <div *ngIf=\"reportLicenseModel.statusDropdown\" class=\"wd-100\">\n    <symphony-input-dropdown\n    filter-one\n    [isInverse]=\"true\"\n    [inputDropdownListModel]=\"reportLicenseModel.statusDropdown\"\n    (selectItem)=\"onStatusFilterChange($event)\">\n  </symphony-input-dropdown>\n    </div>\n    <div *ngIf=\"reportLicenseModel.lastModifiedDropdown\" class=\"wd-100\">\n      <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"reportLicenseModel.lastModifiedDropdown\"\n      (selectItem)=\"onModifiedFilterChange($event)\">\n    </symphony-input-dropdown>\n    </div>\n</div>\n<div *ngIf=\"reportLicenseModel.formattedCounterModel?.count\" class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear grid-with-dropdown show-moreOption-dropdown-top\">\n<symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"reportLicenseModel.grid.columnDefs\"\n    [defaultColDef]=\"reportLicenseModel.grid.defaultColumnDef\"\n    [rowData]=\"reportLicenseModel.grid.rowData\"\n    [pageSize]=\"reportLicenseModel.grid.pageSize\"\n    [onGridReadyFunction]=\"reportLicenseModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"reportLicenseModel.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    [rowClassRules]=\"reportLicenseModel.grid.rowClassRules\"\n    [gridContextMenu]=\"true\"\n></symphony-grid>\n</div>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingLicensePage\"></symphony-sfx-loader>\n\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingLicensePage\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to reload it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [".report-license-container{padding:10px}.filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem;display:flex;width:100%}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.wd-100{width:100%}\n"] }]
@@ -11408,7 +11645,7 @@ class BulkImportAdminListPageComponent {
     }
 }
 BulkImportAdminListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BulkImportAdminListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BulkImportAdminListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BulkImportAdminListPageComponent, selector: "symphony-bulk-import-admin-list-page", inputs: { bulkImportAdminModel: "bulkImportAdminModel" }, outputs: { importFileClicked: "importFileClicked", gridRefreshActionClicked: "gridRefreshActionClicked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"bulkImportAdminModel\">\n<symphony-breadcrumb class=\"sfx-mb-20\" [breadcrumbs]=\"bulkImportAdminModel.breadcrumbs\">\n</symphony-breadcrumb>\n<symphony-contact-list-template [removeFilterSection]=\"true\" [hasBorderBottom]=\"true\">\n    <symphony-h3 sfx-header>Bulk Import</symphony-h3>\n    <symphony-button-v2\n    text=\"Import File\"\n    [isSecondary]=\"false\"\n    [isInverse]=\"false\"\n    (clicked)=\"onImportFileClick()\"\n    sfx-page-action\n  ></symphony-button-v2>\n  <symphony-grid-action-bar-v2 class=\"sfx-mb-10 sfx-d-inline-block sfx-wid-100 sfx-vertical-align-top\" sfx-actions [actionListModel]=\"bulkImportAdminModel.actionListModelV2\">\n    <symphony-grid-controls\n    (gridRefreshClicked)=\"onGridRefreshActionClick()\"\n    [model]=\"bulkImportAdminModel.gridControlsModel\"\n    grid-controls-v2\n  ></symphony-grid-controls>\n   </symphony-grid-action-bar-v2>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [hasSorting]=\"true\"\n    [columnDefs]=\"bulkImportAdminModel.grid.columnDefs\"\n    [defaultColDef]=\"bulkImportAdminModel.grid.defaultColumnDef\"\n    [rowData]=\"bulkImportAdminModel.grid.rowData\"\n    [pageSize]=\"bulkImportAdminModel.grid.pageSize\"\n    [onGridReadyFunction]=\"bulkImportAdminModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"bulkImportAdminModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n</div>", styles: [""], components: [{ type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }, { type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: ["actionListModel"], outputs: ["actionBarListItem"] }, { type: GridControlsComponent, selector: "symphony-grid-controls", inputs: ["model"], outputs: ["Clicked", "gridRefreshClicked", "menuClicked"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+BulkImportAdminListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: BulkImportAdminListPageComponent, selector: "symphony-bulk-import-admin-list-page", inputs: { bulkImportAdminModel: "bulkImportAdminModel" }, outputs: { importFileClicked: "importFileClicked", gridRefreshActionClicked: "gridRefreshActionClicked", cellClick: "cellClick" }, viewQueries: [{ propertyName: "grid", first: true, predicate: ["sfxgrid"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"bulkImportAdminModel\">\n<symphony-breadcrumb class=\"sfx-mb-20\" [breadcrumbs]=\"bulkImportAdminModel.breadcrumbs\">\n</symphony-breadcrumb>\n<symphony-contact-list-template [removeFilterSection]=\"true\" [hasBorderBottom]=\"true\">\n    <symphony-h3 sfx-header>Bulk Import</symphony-h3>\n    <symphony-button-v2\n    text=\"Import File\"\n    [isSecondary]=\"false\"\n    [isInverse]=\"false\"\n    (clicked)=\"onImportFileClick()\"\n    sfx-page-action\n  ></symphony-button-v2>\n  <symphony-grid-action-bar-v2 class=\"sfx-mb-10 sfx-d-inline-block sfx-wid-100 sfx-vertical-align-top\" sfx-actions [actionListModel]=\"bulkImportAdminModel.actionListModelV2\">\n    <symphony-grid-controls\n    (gridRefreshClicked)=\"onGridRefreshActionClick()\"\n    [model]=\"bulkImportAdminModel.gridControlsModel\"\n    grid-controls-v2\n  ></symphony-grid-controls>\n   </symphony-grid-action-bar-v2>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [hasSorting]=\"true\"\n    [columnDefs]=\"bulkImportAdminModel.grid.columnDefs\"\n    [defaultColDef]=\"bulkImportAdminModel.grid.defaultColumnDef\"\n    [rowData]=\"bulkImportAdminModel.grid.rowData\"\n    [pageSize]=\"bulkImportAdminModel.grid.pageSize\"\n    [onGridReadyFunction]=\"bulkImportAdminModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"bulkImportAdminModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n</div>", styles: [""], components: [{ type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: ContactListTemplateComponent, selector: "symphony-contact-list-template", inputs: ["hasBorderBottom", "removeFilterSection"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }, { type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: ["actionListModel"], outputs: ["actionBarListItem"] }, { type: GridControlsComponent, selector: "symphony-grid-controls", inputs: ["model"], outputs: ["Clicked", "gridRefreshClicked", "menuClicked"] }, { type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: BulkImportAdminListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-bulk-import-admin-list-page', template: "<div *ngIf=\"bulkImportAdminModel\">\n<symphony-breadcrumb class=\"sfx-mb-20\" [breadcrumbs]=\"bulkImportAdminModel.breadcrumbs\">\n</symphony-breadcrumb>\n<symphony-contact-list-template [removeFilterSection]=\"true\" [hasBorderBottom]=\"true\">\n    <symphony-h3 sfx-header>Bulk Import</symphony-h3>\n    <symphony-button-v2\n    text=\"Import File\"\n    [isSecondary]=\"false\"\n    [isInverse]=\"false\"\n    (clicked)=\"onImportFileClick()\"\n    sfx-page-action\n  ></symphony-button-v2>\n  <symphony-grid-action-bar-v2 class=\"sfx-mb-10 sfx-d-inline-block sfx-wid-100 sfx-vertical-align-top\" sfx-actions [actionListModel]=\"bulkImportAdminModel.actionListModelV2\">\n    <symphony-grid-controls\n    (gridRefreshClicked)=\"onGridRefreshActionClick()\"\n    [model]=\"bulkImportAdminModel.gridControlsModel\"\n    grid-controls-v2\n  ></symphony-grid-controls>\n   </symphony-grid-action-bar-v2>\n  <symphony-grid\n    #sfxgrid\n    sfx-grid\n    [hasSorting]=\"true\"\n    [columnDefs]=\"bulkImportAdminModel.grid.columnDefs\"\n    [defaultColDef]=\"bulkImportAdminModel.grid.defaultColumnDef\"\n    [rowData]=\"bulkImportAdminModel.grid.rowData\"\n    [pageSize]=\"bulkImportAdminModel.grid.pageSize\"\n    [onGridReadyFunction]=\"bulkImportAdminModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"bulkImportAdminModel.grid.rowModelType\"\n    rowSelectionMode=\"multiple\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    (cellClick)=\"onCellClick($event)\"\n    [gridContextMenu]=\"true\"\n  ></symphony-grid>\n</symphony-contact-list-template>\n</div>", styles: [""] }]
@@ -11447,5 +11684,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AISearchAssistantDrawerComponent, AISearchAssistantDrawerModule, ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AssignedToWidgetComponent, AssignedToWidgetModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, BulkImportAdminListPageComponent, BulkImportAdminListPageModule, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, CalendarAvailabilityModalComponent, CalendarAvailabilityModalModule, CandidateCardComponent, CandidateCardModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryDateStampComponent, ChatHistoryDateStampModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ChatHistoryMessageItemComponent, ChatHistoryMessageItemModule, ChatHistoryMessageListComponent, ChatHistoryMessageListModule, ChatbotHistoryModalComponent, ChatbotHistoryModalModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, CreateSessionPageTemplateComponent, CreateSessionPageTemplateModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FilterDetailComponent, FilterDetailModule, FilterDetailTreeComponent, FilterDetailTreeModule, FilterTabsComponent, FilterTabsModule, FilterTabsV2Component, FilterTabsV2Module, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GenerateLicenseModalComponent, GenerateLicenseModalModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellClickedOpenNewTabComponent, GridCellClickedOpenNewTabModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputLimitedTextComponent, InputLimitedTextModule, InputNumberComponent, InputNumberModule, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTextareaWithSendComponent, InputTextareaWithSendModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MergeContactClickedOpenModalComponent, MergeContactClickedOpenModalModule, MergeContactsModalComponent, MergeContactsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationModalComponent, NotificationModalModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, ReportLicenseDetailsPageComponent, ReportLicenseDetailsPageModule, ReportsCardComponent, ReportsCardListComponent, ReportsCardListModule, ReportsCardModule, ReportsPageComponent, ReportsPageModule, SaveSearchModalComponent, SaveSearchModalModule, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SettingsLicenseManagementComponent, SettingsLicenseManagementModule, SettingsReportManagementComponent, SettingsReportManagementModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SmsUsageReportPageComponent, SmsUsageReportPageModule, StatusCardComponent, StatusCardModule, StatusIndicatorComponent, StatusIndicatorModule, StatusPillComponent, StatusPillModule, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, TaskStatusComponent, TaskStatusModule, TemplatesModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { AISearchAssistantDrawerComponent, AISearchAssistantDrawerModule, ActionBarComponent, ActionBarJobListComponent, ActionBarJobListModule, ActionBarModule, ActionBarSelectionCounterComponent, ActionBarSelectionCounterModule, ActivityScoreLevel, AdditionModalComponent, AdditionModalModule, AdditionalInformationCardListComponent, AdditionalInformationCardListModule, AdvanceFilterSelectedCounterComponent, AdvanceFilterSelectedCounterModule, AdvanceSearchModalComponent, AdvanceSearchModalModule, AdvertiseModalComponent, AdvertiseModalModule, AdvertisedJobPostingsListPageComponent, AdvertisedJobPostingsListPageModule, AdvertisedJobPostingsModalComponent, AdvertisedJobPostingsModalModule, AdvertisedJobsCostComponent, AdvertisedJobsCostModule, AlertDuration, AssignToUserModalComponent, AssignToUserModalModule, AssignedToWidgetComponent, AssignedToWidgetModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, BulkImportAdminListPageComponent, BulkImportAdminListPageModule, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, CalendarAvailabilityModalComponent, CalendarAvailabilityModalModule, CandidateCardComponent, CandidateCardModule, CapitalizeFirstCharacterPipe, CardComponent, CardListComponent, CardListModule, CardModule, CharacterCounterComponent, CharacterCounterModule, ChatHistoryDateStampComponent, ChatHistoryDateStampModule, ChatHistoryMessageAvatarComponent, ChatHistoryMessageAvatarModule, ChatHistoryMessageBubbleComponent, ChatHistoryMessageBubbleModule, ChatHistoryMessageItemComponent, ChatHistoryMessageItemModule, ChatHistoryMessageListComponent, ChatHistoryMessageListModule, ChatbotHistoryModalComponent, ChatbotHistoryModalModule, ColorNames, ColoredTextIndicatorComponent, ColoredTextIndicatorModule, ConfirmationModalComponent, ConfirmationModalModule, ContactActivityScoreComponent, ContactActivityScoreModule, ContextualMenuComponent, ContextualMenuModule, CreateSessionPageTemplateComponent, CreateSessionPageTemplateModule, CustomDetailWithGridComponent, CustomDetailWithGridModule, DocumentManagementItemComponent, DocumentManagementItemModule, DocumentManagementListComponent, DocumentManagementListModule, DomainWhitelistingPartialPageComponent, DomainWhitelistingPartialPageModule, EditableSettingItemComponent, EditableSettingItemListComponent, EditableSettingItemListModule, EditableSettingItemModule, EditableSettingKey, EditableSettingPartialPageComponent, EditableSettingPartialPageModule, EmailValidator, EventSettingsMoreOptionsComponent, EventSettingsMoreOptionsModule, EventsSettingsPageComponent, EventsSettingsPageModule, FeedbackCardComponent, FeedbackCardListComponent, FeedbackCardListModule, FeedbackCardModule, FeedbackCardState, FeedbackDetailPageComponent, FeedbackDetailPageModule, FeedbackListPageComponent, FeedbackListPageModule, FeedbackLoginModalComponent, FeedbackLoginModalModule, FeedbackRequestListPageComponent, FeedbackRequestListPageModule, FeedbackSettingDetailsPageComponent, FeedbackSettingDetailsPageModule, FileUploadComponent, FileUploadModule, FileUploadV2Component, FileUploadV2Module, FilterAreaComponent, FilterAreaModule, FilterDetailComponent, FilterDetailModule, FilterDetailTreeComponent, FilterDetailTreeModule, FilterTabsComponent, FilterTabsModule, FilterTabsV2Component, FilterTabsV2Module, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GenerateLicenseModalComponent, GenerateLicenseModalModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, GridCellClickedOpenNewTabComponent, GridCellClickedOpenNewTabModule, GridCellLoaderModule, GridComponent, GridControlsComponent, GridControlsModule, GridDownloadComponent, GridDownloadModule, GridLoadingCellComponent, GridModule, GridNoRowsOverlayComponent, GridNoRowsOverlayModule, GridToggleCellRendererComponent, GridToggleCellRendererModule, H1Component, H1Module, H2Component, H2Module, H3Component, H3Module, H4Component, H4Module, H5Component, H5Module, H5WithIconComponent, H5WithIconModule, IconComponent, IconModule, IconWithTooltipComponent, IconWithTooltipModule, IconWrapperComponent, IconWrapperModule, Icons, InformationModalComponent, InformationModalModule, InputCheckboxComponent, InputCheckboxListComponent, InputCheckboxListModule, InputCheckboxModule, InputChipsComponent, InputChipsModule, InputDropdownComponent, InputDropdownList, InputDropdownListItemModel, InputDropdownModule, InputFileUploadComponent, InputFileUploadModule, InputLimitedTextComponent, InputLimitedTextModule, InputNumberComponent, InputNumberModule, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTextareaWithSendComponent, InputTextareaWithSendModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MergeContactClickedOpenModalComponent, MergeContactClickedOpenModalModule, MergeContactsModalComponent, MergeContactsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, NotificationModalComponent, NotificationModalModule, NotificationsComponent, NotificationsModule, OrganismsModule, OverflowTextComponent, OverflowTextModule, OverflowTextTooltipComponent, OverflowTextTooltipModule, ParagraphComponent, ParagraphModule, PartialPages, PhaserCardComponent, PhaserCardModule, PhaserComponent, PhaserModule, PillComponent, PillModule, PillsComponent, PillsModule, PipeModule, RelevanceScoreComponent, RelevanceScoreModule, ReportLicenseDetailsPageComponent, ReportLicenseDetailsPageModule, ReportsCardComponent, ReportsCardListComponent, ReportsCardListModule, ReportsCardModule, ReportsPageComponent, ReportsPageModule, SaveSearchModalComponent, SaveSearchModalModule, ScheduleInterviewModalComponent, ScheduleInterviewModalModule, SettingDetailPageComponent, SettingDetailPageModule, SettingListPageComponent, SettingListPageModule, SettingsDetailNavigationItemComponent, SettingsDetailNavigationItemModule, SettingsDetailNavigationListComponent, SettingsDetailNavigationListModule, SettingsLicenseManagementComponent, SettingsLicenseManagementModule, SettingsReportManagementComponent, SettingsReportManagementModule, SfxLoaderComponent, SfxLoaderModule, SfxPageLoaderComponent, SfxPageLoaderModule, SfxProgressBarComponent, SfxProgressBarModule, SidebarNavigationComponent, SidebarNavigationModule, SidebarNavigationV2Component, SidebarNavigationV2Module, SmsUsageReportPageComponent, SmsUsageReportPageModule, StatusCardComponent, StatusCardModule, StatusIndicatorComponent, StatusIndicatorModule, StatusPillComponent, StatusPillModule, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, TaskStatusComponent, TaskStatusModule, TemplatesModule, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library.mjs.map