@symphony-talent/component-library 4.148.0 → 4.150.0

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

@@ -585,6 +585,13 @@ class EventSettingsMoreOptionsComponent {
         return true;
     }
     agInit(params) {
+        if (params.colDef.field === 'licenseMenu') {
+            this.moreOptions =
+                {
+                    items: ['Renew license', 'Remove'],
+                    hasBorder: false,
+                };
+        }
         this.agGridParams = params;
     }
     onItemClick(item) {
@@ -2741,6 +2748,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 }]
         }] });
 
+class StatusCardComponent {
+    constructor() { }
+}
+StatusCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: StatusCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StatusCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: StatusCardComponent, selector: "symphony-status-card", inputs: { statusCardModel: "statusCardModel" }, ngImport: i0, template: "<div class=\"status-card\">\n    <h6 class=\"font600\" >\n        <i *ngIf=\"statusCardModel?.showIcon\" [ngClass]=\"statusCardModel.iconClass\" class=\"icon-color-{{\n            statusCardModel.iconColor\n            }} ml-10\"></i>\n        {{ statusCardModel.status }}\n    </h6>\n    <h2 [ngClass]=\"statusCardModel.statusClass\">{{ statusCardModel.value }}</h2>\n</div>", styles: [".status-card{float:none!important;position:relative!important;width:auto!important;box-shadow:4px 4px 15px rgba(0,0,0,.2);border-radius:20px;padding:20px}.status-card h2{margin-top:0!important;font-size:3rem;color:#000}.font600{font-weight:600}.ml-10{margin-right:.625rem}.dot{height:10px;width:10px;border-radius:50%;display:inline-block}.icon-color-phaser-green{background-color:#00d56b}.icon-color-phaser-red{background-color:#f0001e}.icon-color-phaser-grey{background-color:#82919f}.mediumFont{font-size:2.6rem!important}.smallFont{font-size:2.2rem!important}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: StatusCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'symphony-status-card', template: "<div class=\"status-card\">\n    <h6 class=\"font600\" >\n        <i *ngIf=\"statusCardModel?.showIcon\" [ngClass]=\"statusCardModel.iconClass\" class=\"icon-color-{{\n            statusCardModel.iconColor\n            }} ml-10\"></i>\n        {{ statusCardModel.status }}\n    </h6>\n    <h2 [ngClass]=\"statusCardModel.statusClass\">{{ statusCardModel.value }}</h2>\n</div>", styles: [".status-card{float:none!important;position:relative!important;width:auto!important;box-shadow:4px 4px 15px rgba(0,0,0,.2);border-radius:20px;padding:20px}.status-card h2{margin-top:0!important;font-size:3rem;color:#000}.font600{font-weight:600}.ml-10{margin-right:.625rem}.dot{height:10px;width:10px;border-radius:50%;display:inline-block}.icon-color-phaser-green{background-color:#00d56b}.icon-color-phaser-red{background-color:#f0001e}.icon-color-phaser-grey{background-color:#82919f}.mediumFont{font-size:2.6rem!important}.smallFont{font-size:2.2rem!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { statusCardModel: [{
+                type: Input
+            }] } });
+
+class StatusCardModule {
+}
+StatusCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: StatusCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+StatusCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: StatusCardModule, declarations: [StatusCardComponent], imports: [CommonModule], exports: [StatusCardComponent] });
+StatusCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: StatusCardModule, imports: [[
+            CommonModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: StatusCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        StatusCardComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [StatusCardComponent],
+                }]
+        }] });
+
 var ColorNames;
 (function (ColorNames) {
     ColorNames["BLACK"] = "background-color-black";
@@ -2812,7 +2851,8 @@ AtomsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "1
         ChatHistoryMessageBubbleModule,
         ChatHistoryDateStampModule,
         InputRadioToggleModule,
-        ButtonDropdownModule] });
+        ButtonDropdownModule,
+        StatusCardModule] });
 AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, imports: [[], ButtonModule,
         ContextualMenuModule,
         AvatarModule,
@@ -2854,7 +2894,8 @@ AtomsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "1
         ChatHistoryMessageBubbleModule,
         ChatHistoryDateStampModule,
         InputRadioToggleModule,
-        ButtonDropdownModule] });
+        ButtonDropdownModule,
+        StatusCardModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2902,7 +2943,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         ChatHistoryMessageBubbleModule,
                         ChatHistoryDateStampModule,
                         InputRadioToggleModule,
-                        ButtonDropdownModule
+                        ButtonDropdownModule,
+                        StatusCardModule
                     ]
                 }]
         }] });
@@ -6832,10 +6874,10 @@ class EventsSettingsPageComponent {
     }
 }
 EventsSettingsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EventsSettingsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EventsSettingsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EventsSettingsPageComponent, selector: "symphony-events-settings-page", inputs: { model: "model" }, outputs: { keywordSearchChange: "keywordSearchChange", 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  ></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"], 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"], 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"], 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"], 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"], 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"], 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  ></symphony-grid>\n</symphony-admin-list-template>\n", styles: [".icon-wrapper i{color:#334860}.icon-wrapper:hover i{color:#fff}\n"] }]
+            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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], keywordSearchChange: [{
@@ -8932,10 +8974,10 @@ class SettingDetailsTemplateComponent {
     constructor() { }
 }
 SettingDetailsTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDetailsTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingDetailsTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template", ngImport: i0, template: "<section>\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section>\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n      </div>\n    </div>\n    <div class=\"sfx-border-bottom-black-2\"></div>\n  </section>\n  <section class=\"row sfx-mt-30\">\n    <section class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[sfx-nav]\"></ng-content>\n    </section>\n    <section class=\"col-xs-12 col-sm-12 col-md-8 col-lg-9\">\n      <ng-content select=\"[sfx-content]\"></ng-content>\n    </section>\n  </section>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] });
+SettingDetailsTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template", ngImport: i0, template: "<section>\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section>\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n      </div>\n    </div>\n    <div class=\"sfx-border-bottom-black-2\"></div>\n  </section>\n\n  <section class=\"row sfx-mt-30\">\n    <section class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[sfx-nav]\"></ng-content>\n    </section>\n    <section class=\"col-xs-12 col-sm-12 col-md-8 col-lg-9\">\n      <section>\n        <ng-content select=\"[sfx-button]\"></ng-content>\n      </section>\n      <section class=\"sfx-mt-30 clear-card\">\n      <ng-content select=\"[sfx-content]\"></ng-content>\n    </section>\n    </section>\n  </section>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.clear-card{clear:both}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDetailsTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-details-template', template: "<section>\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section>\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n      </div>\n    </div>\n    <div class=\"sfx-border-bottom-black-2\"></div>\n  </section>\n  <section class=\"row sfx-mt-30\">\n    <section class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[sfx-nav]\"></ng-content>\n    </section>\n    <section class=\"col-xs-12 col-sm-12 col-md-8 col-lg-9\">\n      <ng-content select=\"[sfx-content]\"></ng-content>\n    </section>\n  </section>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}\n"] }]
+            args: [{ selector: 'symphony-setting-details-template', template: "<section>\n  <section>\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n        <ng-content select=\"[breadcrumb]\"></ng-content>\n      </div>\n    </div>\n  </section>\n  <section>\n    <div class=\"sfx-page-title\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9\">\n          <ng-content select=\"[sfx-header]\"></ng-content>\n        </div>\n      </div>\n    </div>\n    <div class=\"sfx-border-bottom-black-2\"></div>\n  </section>\n\n  <section class=\"row sfx-mt-30\">\n    <section class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[sfx-nav]\"></ng-content>\n    </section>\n    <section class=\"col-xs-12 col-sm-12 col-md-8 col-lg-9\">\n      <section>\n        <ng-content select=\"[sfx-button]\"></ng-content>\n      </section>\n      <section class=\"sfx-mt-30 clear-card\">\n      <ng-content select=\"[sfx-content]\"></ng-content>\n    </section>\n    </section>\n  </section>\n</section>\n", styles: [".sfx-page-title{margin-top:3.125rem;margin-bottom:1.875rem}.clear-card{clear:both}\n"] }]
         }], ctorParameters: function () { return []; } });
 
 class SettingDetailPageComponent {
@@ -9418,37 +9460,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
         }] });
 
 class ReportLicenseDetailsPageComponent {
-    constructor() { }
+    constructor() {
+        this.keywordSearchChange = new EventEmitter();
+        this.statusFilterChange = new EventEmitter();
+        this.modifiedFilterChange = new EventEmitter();
+    }
+    onKeywordSearch(keyword) {
+        this.keywordSearchChange.emit(keyword);
+    }
+    onStatusFilterChange(selectedModel) {
+        this.statusFilterChange.emit(selectedModel.value);
+    }
+    onModifiedFilterChange(selectedModel) {
+        this.modifiedFilterChange.emit(selectedModel.value);
+    }
 }
 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" }, ngImport: i0, template: "<symphony-grid\n#sfxgrid\nsfx-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", styles: [""], components: [{ type: GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu"], outputs: ["sortChanged", "cellClick"] }] });
+ReportLicenseDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportLicenseDetailsPageComponent, selector: "symphony-report-license-details-page", inputs: { reportLicenseModel: "reportLicenseModel" }, outputs: { keywordSearchChange: "keywordSearchChange", statusFilterChange: "statusFilterChange", modifiedFilterChange: "modifiedFilterChange" }, ngImport: i0, template: "<div class=\"row mb-space space-around-card\">\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 class=\"filter-area-section row mb-space\">\n  <div class=\"col-md-4\">\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 class=\"col-md-4\">\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 class=\"col-md-4\">\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 class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear\">\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", styles: [".filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.space-around-card{margin-left:-30px!important;margin-right:-30px!important}\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"], 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"], outputs: ["sortChanged", "cellClick"] }], directives: [{ 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: "<symphony-grid\n#sfxgrid\nsfx-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", styles: [""] }]
+            args: [{ selector: 'symphony-report-license-details-page', template: "<div class=\"row mb-space space-around-card\">\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 class=\"filter-area-section row mb-space\">\n  <div class=\"col-md-4\">\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 class=\"col-md-4\">\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 class=\"col-md-4\">\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 class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear\">\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", styles: [".filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.space-around-card{margin-left:-30px!important;margin-right:-30px!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { reportLicenseModel: [{
                 type: Input
+            }], keywordSearchChange: [{
+                type: Output
+            }], statusFilterChange: [{
+                type: Output
+            }], modifiedFilterChange: [{
+                type: Output
             }] } });
 
 class SettingsLicenseManagementComponent {
-    constructor() { }
+    constructor() {
+        this.clicked = new EventEmitter();
+        this.keywordSearchChange = new EventEmitter();
+        this.statusFilterChange = new EventEmitter();
+        this.modifiedFilterChange = new EventEmitter();
+    }
+    assignButtonClicked(event) {
+        this.clicked.emit(event);
+    }
+    onKeywordSearch(keyword) {
+        this.keywordSearchChange.emit(keyword);
+    }
+    onStatusFilterChange(selectedModel) {
+        this.statusFilterChange.emit(selectedModel);
+    }
+    onModifiedFilterChange(selectedModel) {
+        this.modifiedFilterChange.emit(selectedModel);
+    }
 }
 SettingsLicenseManagementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsLicenseManagementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingsLicenseManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingsLicenseManagementComponent, selector: "symphony-settings-license-management", inputs: { model: "model" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list sfx-nav\n    [navigationList]=\"model.navigationList\"></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-report-license-details-page [reportLicenseModel]=\"model\"></symphony-report-license-details-page>\n  </section>\n</symphony-setting-details-template>", styles: [""], components: [{ type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: ReportLicenseDetailsPageComponent, selector: "symphony-report-license-details-page", inputs: ["reportLicenseModel"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SettingsLicenseManagementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingsLicenseManagementComponent, selector: "symphony-settings-license-management", inputs: { model: "model" }, outputs: { clicked: "clicked", keywordSearchChange: "keywordSearchChange", statusFilterChange: "statusFilterChange", modifiedFilterChange: "modifiedFilterChange" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list sfx-nav\n    [navigationList]=\"model.navigationList\"></symphony-settings-detail-navigation-list>\n    <section sfx-button class=\"row fl-right sfx-mb-30\">\n      <symphony-button-v2\n      text=\"Assign License\"\n      [disabled]=\"model.assignButtonDisabled\"\n      [isSecondary]=\"false\"\n      [isInverse]=\"false\"\n      (clicked)=\"assignButtonClicked($event)\"\n    ></symphony-button-v2>\n    </section>\n  <section sfx-content>\n    <symphony-report-license-details-page [reportLicenseModel]=\"model.reportLicenseModel\" (onStatusFilterChange)=\"onStatusFilterChange($event)\" (onModifiedFilterChange)=\"onModifiedFilterChange($event)\" (onKeywordSearch)=\"onKeywordSearch($event)\"></symphony-report-license-details-page>\n  </section>\n</symphony-setting-details-template>", styles: [".fl-right{float:right}\n"], components: [{ type: SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: ButtonV2Component, selector: "symphony-button-v2" }, { type: ReportLicenseDetailsPageComponent, selector: "symphony-report-license-details-page", inputs: ["reportLicenseModel"], outputs: ["keywordSearchChange", "statusFilterChange", "modifiedFilterChange"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsLicenseManagementComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-settings-license-management', template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list sfx-nav\n    [navigationList]=\"model.navigationList\"></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-report-license-details-page [reportLicenseModel]=\"model\"></symphony-report-license-details-page>\n  </section>\n</symphony-setting-details-template>", styles: [""] }]
+            args: [{ selector: 'symphony-settings-license-management', template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list sfx-nav\n    [navigationList]=\"model.navigationList\"></symphony-settings-detail-navigation-list>\n    <section sfx-button class=\"row fl-right sfx-mb-30\">\n      <symphony-button-v2\n      text=\"Assign License\"\n      [disabled]=\"model.assignButtonDisabled\"\n      [isSecondary]=\"false\"\n      [isInverse]=\"false\"\n      (clicked)=\"assignButtonClicked($event)\"\n    ></symphony-button-v2>\n    </section>\n  <section sfx-content>\n    <symphony-report-license-details-page [reportLicenseModel]=\"model.reportLicenseModel\" (onStatusFilterChange)=\"onStatusFilterChange($event)\" (onModifiedFilterChange)=\"onModifiedFilterChange($event)\" (onKeywordSearch)=\"onKeywordSearch($event)\"></symphony-report-license-details-page>\n  </section>\n</symphony-setting-details-template>", styles: [".fl-right{float:right}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
+            }], clicked: [{
+                type: Output
+            }], keywordSearchChange: [{
+                type: Output
+            }], statusFilterChange: [{
+                type: Output
+            }], modifiedFilterChange: [{
+                type: Output
             }] } });
 
 class ReportLicenseDetailsPageModule {
 }
 ReportLicenseDetailsPageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
 ReportLicenseDetailsPageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageModule, declarations: [ReportLicenseDetailsPageComponent], imports: [CommonModule,
-        GridModule], exports: [ReportLicenseDetailsPageComponent] });
+        GridModule,
+        FormattedCounterModule,
+        FilterAreaModule, PlaceholderModule, InputTextModule, InputDropdownModule, StatusCardModule], exports: [ReportLicenseDetailsPageComponent] });
 ReportLicenseDetailsPageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageModule, imports: [[
             CommonModule,
             GridModule,
+            FormattedCounterModule,
+            FilterAreaModule, PlaceholderModule, InputTextModule, InputDropdownModule, StatusCardModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageModule, decorators: [{
             type: NgModule,
@@ -9457,6 +9547,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                     imports: [
                         CommonModule,
                         GridModule,
+                        FormattedCounterModule,
+                        FilterAreaModule, PlaceholderModule, InputTextModule, InputDropdownModule, StatusCardModule
                     ],
                     exports: [ReportLicenseDetailsPageComponent],
                 }]
@@ -9470,12 +9562,14 @@ SettingsLicenseManagementModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
         SettingDetailsTemplateModule,
         ReportLicenseDetailsPageModule,
         BreadcrumbModule,
+        ButtonV2Module,
         H3Module], exports: [SettingsLicenseManagementComponent] });
 SettingsLicenseManagementModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsLicenseManagementModule, imports: [[CommonModule,
             SettingsDetailNavigationListModule,
             SettingDetailsTemplateModule,
             ReportLicenseDetailsPageModule,
             BreadcrumbModule,
+            ButtonV2Module,
             H3Module]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingsLicenseManagementModule, decorators: [{
             type: NgModule,
@@ -9488,6 +9582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                         SettingDetailsTemplateModule,
                         ReportLicenseDetailsPageModule,
                         BreadcrumbModule,
+                        ButtonV2Module,
                         H3Module],
                     exports: [SettingsLicenseManagementComponent],
                 }]
@@ -9659,5 +9754,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { 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, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, 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, 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, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, 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, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, 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, 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, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
+export { 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, ButtonComponent, ButtonDropdownComponent, ButtonDropdownModule, ButtonModule, ButtonV2Component, ButtonV2Module, ButtonWithIconComponent, ButtonWithIconModule, 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, 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, FormattedCounterComponent, FormattedCounterModule, FrameworkModule, GridActionBarV2Component, GridActionBarV2Module, GridActionsComponent, GridActionsModule, GridCellClickableComponent, GridCellClickableModule, 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, InputRadioComponent, InputRadioModule, InputRadioToggleComponent, InputRadioToggleModule, InputSearchCheckboxDropdownComponent, InputSearchCheckboxDropdownModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputToggleComponent, InputToggleModule, JobListPageComponent, JobListPageModule, LibrariesPageComponent, LibrariesPageModule, LinkedinPremiumJobPostingsModalComponent, LinkedinPremiumJobPostingsModalModule, MoleculesModule, MultiSelectDataModule, MultiselectSearchCheckbox, NavigationLinkComponent, NavigationLinkModule, 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, 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, SymphonyModalComponent, SymphonyModalModule, TabsComponent, TabsModules, ToasterAlertComponent, ToasterAlertModel, ToasterAlertModule, ToasterAlertType, TooltipWrapperComponent, TooltipWrapperModule, TrimIdPipe, TwoColumnFilterAreaComponent, TwoColumnFilterAreaModule, UploadResumeModalComponent, UploadResumeModalModule, VerticalSeparatorComponent, VerticalSeparatorModule, gridType };
 //# sourceMappingURL=symphony-talent-component-library-projects-component-library.mjs.map