@symphony-talent/component-library 4.143.0 → 4.144.0

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

@@ -4642,15 +4642,15 @@ class ButtonWithIconV2Component {
     constructor() {
         this.actionClicked = new EventEmitter();
     }
-    onIconClick() {
-        this.actionClicked.emit();
+    onIconClick(item) {
+        this.actionClicked.emit(item);
     }
 }
 ButtonWithIconV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonWithIconV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: { model: "model" }, outputs: { actionClicked: "actionClicked" }, ngImport: i0, template: "<div class=\"sfx-actionV2-items\" *ngIf=\"model\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [toolTipClass]=\"'toolTipV2'\"\n  >\n    <button (click)=\"onIconClick()\" [disabled]=\"model.isDisabled\">\n      <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n    </button>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".sfx-actionV2-items button{background:transparent;border:none;outline:none;width:40px;border-radius:50%;height:40px;display:flex;justify-content:center;align-items:center}.sfx-actionV2-items button i{color:#5b6d80;top:2px;position:relative}.sfx-actionV2-items button:disabled{cursor:not-allowed;background:transparent!important}.sfx-actionV2-items button:disabled i{color:#c3cbdc}.sfx-actionV2-items button:hover{background:#F1F2F5}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+ButtonWithIconV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: { model: "model" }, outputs: { actionClicked: "actionClicked" }, ngImport: i0, template: "<div class=\"sfx-actionV2-items\" *ngIf=\"model\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [toolTipClass]=\"'toolTipV2'\"\n  >\n    <button id=\"gridAction-btn-{{ model.identifier | trimId}}\" (click)=\"onIconClick(model)\" [disabled]=\"model.isDisabled\">\n      <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n    </button>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".sfx-actionV2-items button{background:transparent;border:none;outline:none;width:40px;border-radius:50%;height:40px;display:flex;justify-content:center;align-items:center}.sfx-actionV2-items button i{color:#5b6d80;top:2px;position:relative}.sfx-actionV2-items button:disabled{cursor:not-allowed;background:transparent!important}.sfx-actionV2-items button:disabled i{color:#c3cbdc}.sfx-actionV2-items button:hover{background:#F1F2F5}\n"], components: [{ type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-button-with-icon-v2', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actionV2-items\" *ngIf=\"model\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [toolTipClass]=\"'toolTipV2'\"\n  >\n    <button (click)=\"onIconClick()\" [disabled]=\"model.isDisabled\">\n      <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n    </button>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".sfx-actionV2-items button{background:transparent;border:none;outline:none;width:40px;border-radius:50%;height:40px;display:flex;justify-content:center;align-items:center}.sfx-actionV2-items button i{color:#5b6d80;top:2px;position:relative}.sfx-actionV2-items button:disabled{cursor:not-allowed;background:transparent!important}.sfx-actionV2-items button:disabled i{color:#c3cbdc}.sfx-actionV2-items button:hover{background:#F1F2F5}\n"] }]
+            args: [{ selector: 'symphony-button-with-icon-v2', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actionV2-items\" *ngIf=\"model\">\n  <symphony-tooltip-wrapper\n    [placement]=\"model.placement\"\n    [tooltipHtml]=\"model.tooltipHtml\"\n    [toolTipClass]=\"'toolTipV2'\"\n  >\n    <button id=\"gridAction-btn-{{ model.identifier | trimId}}\" (click)=\"onIconClick(model)\" [disabled]=\"model.isDisabled\">\n      <symphony-icon [icon]=\"model.icon\"></symphony-icon>\n    </button>\n  </symphony-tooltip-wrapper>\n</div>\n", styles: [".sfx-actionV2-items button{background:transparent;border:none;outline:none;width:40px;border-radius:50%;height:40px;display:flex;justify-content:center;align-items:center}.sfx-actionV2-items button i{color:#5b6d80;top:2px;position:relative}.sfx-actionV2-items button:disabled{cursor:not-allowed;background:transparent!important}.sfx-actionV2-items button:disabled i{color:#c3cbdc}.sfx-actionV2-items button:hover{background:#F1F2F5}\n"] }]
         }], propDecorators: { model: [{
                 type: Input
             }], actionClicked: [{
@@ -4661,15 +4661,15 @@ class GridActionListV2Component {
     constructor() {
         this.actionClicked = new EventEmitter();
     }
-    onActionListClick() {
-        this.actionClicked.emit();
+    onActionListClick(event) {
+        this.actionClicked.emit(event);
     }
 }
 GridActionListV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridActionListV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: { actionList: "actionList" }, outputs: { actionClicked: "actionClicked" }, ngImport: i0, template: "<div class=\"sfx-d-flex\">\n    <div *ngFor=\"let actionBtnV2 of actionList\">\n        <symphony-button-with-icon-v2\n        class=\"sfx-d-flex\"\n        [model]=\"actionBtnV2\"\n        (actionClicked)=\"onActionListClick()\"\n      ></symphony-button-with-icon-v2>\n    </div>\n</div>", styles: [""], components: [{ type: ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: ["model"], outputs: ["actionClicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+GridActionListV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: { actionList: "actionList" }, outputs: { actionClicked: "actionClicked" }, ngImport: i0, template: "<div class=\"sfx-d-flex\">\n    <div *ngFor=\"let actionBtnV2 of actionList\">\n        <symphony-button-with-icon-v2\n        class=\"sfx-d-flex\"\n        [model]=\"actionBtnV2\"\n        (actionClicked)=\"onActionListClick($event)\"\n      ></symphony-button-with-icon-v2>\n    </div>\n</div>", styles: [""], components: [{ type: ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: ["model"], outputs: ["actionClicked"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-grid-action-list-v2', template: "<div class=\"sfx-d-flex\">\n    <div *ngFor=\"let actionBtnV2 of actionList\">\n        <symphony-button-with-icon-v2\n        class=\"sfx-d-flex\"\n        [model]=\"actionBtnV2\"\n        (actionClicked)=\"onActionListClick()\"\n      ></symphony-button-with-icon-v2>\n    </div>\n</div>", styles: [""] }]
+            args: [{ selector: 'symphony-grid-action-list-v2', template: "<div class=\"sfx-d-flex\">\n    <div *ngFor=\"let actionBtnV2 of actionList\">\n        <symphony-button-with-icon-v2\n        class=\"sfx-d-flex\"\n        [model]=\"actionBtnV2\"\n        (actionClicked)=\"onActionListClick($event)\"\n      ></symphony-button-with-icon-v2>\n    </div>\n</div>", styles: [""] }]
         }], propDecorators: { actionList: [{
                 type: Input
             }], actionClicked: [{
@@ -4680,15 +4680,15 @@ class GridActionBarV2Component {
     constructor() {
         this.actionBarListItem = new EventEmitter();
     }
-    onActionBarListClick() {
-        this.actionBarListItem.emit();
+    onActionBarListClick(event) {
+        this.actionBarListItem.emit(event);
     }
 }
 GridActionBarV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n  <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n    <div class=\"selected-wrap\">\n      <symphony-icon\n        [ngClass]=\"{\n          isSelected: actionListModel.isSelected,\n          '': !actionListModel.isSelected\n        }\"\n        class=\"sfx-cursor-pointer\"\n        [icon]=\"'si-activity'\"\n        [size]=\"'18px'\"\n      ></symphony-icon>\n      <symphony-paragraph [isFontBold]=\"true\"\n        >{{ actionListModel.selectedCount }}\n        {{ actionListModel.selectedText }}</symphony-paragraph\n      >\n    </div>\n    <symphony-vertical-separator\n      class=\"flex-align-content-center\"\n    ></symphony-vertical-separator>\n    <symphony-grid-action-list-v2\n      class=\"flex-1\"\n      [actionList]=\"actionListModel.gridActionListV2\"\n      (actionClicked)=\"onActionBarListClick()\"\n    ></symphony-grid-action-list-v2>\n    <div class=\"sfx-grid-controls-v2\">\n      <ng-content select=\"[grid-controls-v2]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
+GridActionBarV2Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionBarV2Component, selector: "symphony-grid-action-bar-v2", inputs: { actionListModel: "actionListModel" }, outputs: { actionBarListItem: "actionBarListItem" }, ngImport: i0, template: "<div *ngIf=\"actionListModel\">\n  <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n    <div class=\"selected-wrap\">\n      <symphony-icon\n        [ngClass]=\"{\n          isSelected: actionListModel.isSelected,\n          '': !actionListModel.isSelected\n        }\"\n        class=\"sfx-cursor-pointer\"\n        [icon]=\"'si-activity'\"\n        [size]=\"'18px'\"\n      ></symphony-icon>\n      <symphony-paragraph [isFontBold]=\"true\"\n        >{{ actionListModel.selectedCount }}\n        {{ actionListModel.selectedText }}</symphony-paragraph\n      >\n    </div>\n    <symphony-vertical-separator\n      class=\"flex-align-content-center\"\n    ></symphony-vertical-separator>\n    <symphony-grid-action-list-v2\n      class=\"flex-1\"\n      [actionList]=\"actionListModel.gridActionListV2\"\n      (actionClicked)=\"onActionBarListClick($event)\"\n    ></symphony-grid-action-list-v2>\n    <div class=\"sfx-grid-controls-v2\">\n      <ng-content select=\"[grid-controls-v2]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: GridActionBarV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n  <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n    <div class=\"selected-wrap\">\n      <symphony-icon\n        [ngClass]=\"{\n          isSelected: actionListModel.isSelected,\n          '': !actionListModel.isSelected\n        }\"\n        class=\"sfx-cursor-pointer\"\n        [icon]=\"'si-activity'\"\n        [size]=\"'18px'\"\n      ></symphony-icon>\n      <symphony-paragraph [isFontBold]=\"true\"\n        >{{ actionListModel.selectedCount }}\n        {{ actionListModel.selectedText }}</symphony-paragraph\n      >\n    </div>\n    <symphony-vertical-separator\n      class=\"flex-align-content-center\"\n    ></symphony-vertical-separator>\n    <symphony-grid-action-list-v2\n      class=\"flex-1\"\n      [actionList]=\"actionListModel.gridActionListV2\"\n      (actionClicked)=\"onActionBarListClick()\"\n    ></symphony-grid-action-list-v2>\n    <div class=\"sfx-grid-controls-v2\">\n      <ng-content select=\"[grid-controls-v2]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
+            args: [{ selector: 'symphony-grid-action-bar-v2', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"actionListModel\">\n  <div class=\"sfx-d-flex sfx-grid-action-bar-v2\">\n    <div class=\"selected-wrap\">\n      <symphony-icon\n        [ngClass]=\"{\n          isSelected: actionListModel.isSelected,\n          '': !actionListModel.isSelected\n        }\"\n        class=\"sfx-cursor-pointer\"\n        [icon]=\"'si-activity'\"\n        [size]=\"'18px'\"\n      ></symphony-icon>\n      <symphony-paragraph [isFontBold]=\"true\"\n        >{{ actionListModel.selectedCount }}\n        {{ actionListModel.selectedText }}</symphony-paragraph\n      >\n    </div>\n    <symphony-vertical-separator\n      class=\"flex-align-content-center\"\n    ></symphony-vertical-separator>\n    <symphony-grid-action-list-v2\n      class=\"flex-1\"\n      [actionList]=\"actionListModel.gridActionListV2\"\n      (actionClicked)=\"onActionBarListClick($event)\"\n    ></symphony-grid-action-list-v2>\n    <div class=\"sfx-grid-controls-v2\">\n      <ng-content select=\"[grid-controls-v2]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".sfx-grid-action-bar-v2{flex-flow:wrap}.sfx-grid-action-bar-v2 .selected-wrap{display:flex;align-items:center;gap:5px}.sfx-grid-action-bar-v2 .selected-wrap i{color:#c3cbdc}.sfx-grid-action-bar-v2 .selected-wrap .isSelected i{color:#712ace}.sfx-grid-action-bar-v2 .flex-align-content-center{align-content:center}.sfx-grid-action-bar-v2 .flex-align-content-center .sfx-v-seperator{margin-right:5px}.sfx-grid-action-bar-v2 .flex-1{flex:1}\n"] }]
         }], propDecorators: { actionListModel: [{
                 type: Input
             }], actionBarListItem: [{
@@ -4698,13 +4698,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 class ButtonWithIconV2Module {
 }
 ButtonWithIconV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-ButtonWithIconV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, declarations: [ButtonWithIconV2Component], imports: [CommonModule, IconModule, TooltipWrapperModule], exports: [ButtonWithIconV2Component] });
-ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule]] });
+ButtonWithIconV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, declarations: [ButtonWithIconV2Component], imports: [CommonModule, IconModule, TooltipWrapperModule, PipeModule], exports: [ButtonWithIconV2Component] });
+ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule, PipeModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ButtonWithIconV2Component],
-                    imports: [CommonModule, IconModule, TooltipWrapperModule],
+                    imports: [CommonModule, IconModule, TooltipWrapperModule, PipeModule],
                     exports: [ButtonWithIconV2Component],
                 }]
         }] });