@symphony-talent/component-library 4.143.0 → 4.144.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/molecules/button-with-icon-v2/button-with-icon-v2.component.mjs +6 -5
- package/esm2020/lib/molecules/button-with-icon-v2/button-with-icon-v2.model.mjs +1 -1
- package/esm2020/lib/molecules/button-with-icon-v2/button-with-icon-v2.module.mjs +5 -4
- package/esm2020/lib/organisms/grid-action-bar-v2/grid-action-bar-v2.component.mjs +5 -5
- package/esm2020/lib/organisms/grid-action-list-v2/grid-action-list-v2.component.mjs +5 -5
- package/esm2020/projects/component-library/lib/molecules/button-with-icon-v2/button-with-icon-v2.component.mjs +6 -5
- package/esm2020/projects/component-library/lib/molecules/button-with-icon-v2/button-with-icon-v2.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/button-with-icon-v2/button-with-icon-v2.module.mjs +5 -4
- package/esm2020/projects/component-library/lib/organisms/grid-action-bar-v2/grid-action-bar-v2.component.mjs +5 -5
- package/esm2020/projects/component-library/lib/organisms/grid-action-list-v2/grid-action-list-v2.component.mjs +5 -5
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +15 -15
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +15 -15
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +15 -15
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +15 -15
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/button-with-icon-v2/button-with-icon-v2.component.d.ts +1 -1
- package/lib/molecules/button-with-icon-v2/button-with-icon-v2.model.d.ts +1 -0
- package/lib/molecules/button-with-icon-v2/button-with-icon-v2.module.d.ts +2 -1
- package/lib/organisms/grid-action-bar-v2/grid-action-bar-v2.component.d.ts +1 -1
- package/lib/organisms/grid-action-list-v2/grid-action-list-v2.component.d.ts +1 -1
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/button-with-icon-v2/button-with-icon-v2.component.d.ts +1 -1
- package/projects/component-library/lib/molecules/button-with-icon-v2/button-with-icon-v2.model.d.ts +1 -0
- package/projects/component-library/lib/molecules/button-with-icon-v2/button-with-icon-v2.module.d.ts +2 -1
- package/projects/component-library/lib/organisms/grid-action-bar-v2/grid-action-bar-v2.component.d.ts +1 -1
- package/projects/component-library/lib/organisms/grid-action-list-v2/grid-action-list-v2.component.d.ts +1 -1
|
@@ -3,22 +3,23 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i3 from "@angular/common";
|
|
6
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
6
7
|
export class ButtonWithIconV2Component {
|
|
7
8
|
constructor() {
|
|
8
9
|
this.actionClicked = new EventEmitter();
|
|
9
10
|
}
|
|
10
|
-
onIconClick() {
|
|
11
|
-
this.actionClicked.emit();
|
|
11
|
+
onIconClick(item) {
|
|
12
|
+
this.actionClicked.emit(item);
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
ButtonWithIconV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
16
|
+
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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
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"] }]
|
|
19
|
+
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"] }]
|
|
19
20
|
}], propDecorators: { model: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}], actionClicked: [{
|
|
22
23
|
type: Output
|
|
23
24
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uLXYyL2J1dHRvbi13aXRoLWljb24tdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi12Mi9idXR0b24td2l0aC1pY29uLXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNsRyxNQUFNLE9BQU8seUJBQXlCO0lBTnRDO1FBUVksa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBSzlDO0lBSEMsV0FBVyxDQUFDLElBQTJCO1FBQ3JDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O3NIQU5VLHlCQUF5QjswR0FBekIseUJBQXlCLDZJQ1R0QywrYkFXQTsyRkRGYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UsOEJBQThCLGlCQUd6QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvblYyTW9kZWwgfSBmcm9tICcuL2J1dHRvbi13aXRoLWljb24tdjIubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1idXR0b24td2l0aC1pY29uLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi13aXRoLWljb24tdjIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24td2l0aC1pY29uLXYyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uV2l0aEljb25WMkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBCdXR0b25XaXRoSWNvblYyTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBcbiAgb25JY29uQ2xpY2soaXRlbTogQnV0dG9uV2l0aEljb25WMk1vZGVsKSB7XG4gICAgdGhpcy5hY3Rpb25DbGlja2VkLmVtaXQoaXRlbSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtYWN0aW9uVjItaXRlbXNcIiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICBbcGxhY2VtZW50XT1cIm1vZGVsLnBsYWNlbWVudFwiXG4gICAgW3Rvb2x0aXBIdG1sXT1cIm1vZGVsLnRvb2x0aXBIdG1sXCJcbiAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgPlxuICAgIDxidXR0b24gaWQ9XCJncmlkQWN0aW9uLWJ0bi17eyBtb2RlbC5pZGVudGlmaWVyIHwgdHJpbUlkfX1cIiAoY2xpY2spPVwib25JY29uQ2xpY2sobW9kZWwpXCIgW2Rpc2FibGVkXT1cIm1vZGVsLmlzRGlzYWJsZWRcIj5cbiAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIm1vZGVsLmljb25cIj48L3N5bXBob255LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi12Mi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2J1dHRvbi13aXRoLWljb24tdjIvYnV0dG9uLXdpdGgtaWNvbi12Mi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uV2l0aEljb25WMk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIHRvb2x0aXBIdG1sOiBzdHJpbmc7XG4gIHBsYWNlbWVudD86IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlkZW50aWZpZXI/OiBzdHJpbmc7XG59XG4iXX0=
|
|
@@ -3,18 +3,19 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { ButtonWithIconV2Component } from './button-with-icon-v2.component';
|
|
4
4
|
import { IconModule } from '../../atoms/icon/icon.module';
|
|
5
5
|
import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class ButtonWithIconV2Module {
|
|
8
9
|
}
|
|
9
10
|
ButtonWithIconV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
ButtonWithIconV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, declarations: [ButtonWithIconV2Component], imports: [CommonModule, IconModule, TooltipWrapperModule], exports: [ButtonWithIconV2Component] });
|
|
11
|
-
ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule]] });
|
|
11
|
+
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] });
|
|
12
|
+
ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule, PipeModule]] });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, decorators: [{
|
|
13
14
|
type: NgModule,
|
|
14
15
|
args: [{
|
|
15
16
|
declarations: [ButtonWithIconV2Component],
|
|
16
|
-
imports: [CommonModule, IconModule, TooltipWrapperModule],
|
|
17
|
+
imports: [CommonModule, IconModule, TooltipWrapperModule, PipeModule],
|
|
17
18
|
exports: [ButtonWithIconV2Component],
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi12Mi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uLXYyL2J1dHRvbi13aXRoLWljb24tdjIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQixpQkFKbEIseUJBQXlCLGFBQzlCLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxhQUMxRCx5QkFBeUI7b0hBRXhCLHNCQUFzQixZQUh4QixDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxDQUFDOzJGQUcxRCxzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxDQUFDO29CQUNyRSxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvbldpdGhJY29uVjJDb21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi13aXRoLWljb24tdjIuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFRvb2x0aXBXcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5tb2R1bGUnO1xuaW1wb3J0IHsgUGlwZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGUvcGlwZS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCdXR0b25XaXRoSWNvblYyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZSwgVG9vbHRpcFdyYXBwZXJNb2R1bGUsIFBpcGVNb2R1bGVdLFxuICBleHBvcnRzOiBbQnV0dG9uV2l0aEljb25WMkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbldpdGhJY29uVjJNb2R1bGUge31cbiJdfQ==
|
|
@@ -9,18 +9,18 @@ export class GridActionBarV2Component {
|
|
|
9
9
|
constructor() {
|
|
10
10
|
this.actionBarListItem = new EventEmitter();
|
|
11
11
|
}
|
|
12
|
-
onActionBarListClick() {
|
|
13
|
-
this.actionBarListItem.emit();
|
|
12
|
+
onActionBarListClick(event) {
|
|
13
|
+
this.actionBarListItem.emit(event);
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
GridActionBarV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
17
|
+
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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
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"] }]
|
|
20
|
+
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"] }]
|
|
21
21
|
}], propDecorators: { actionListModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], actionBarListItem: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24tYmFyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9uLWJhci12Mi9ncmlkLWFjdGlvbi1iYXItdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb24tYmFyLXYyL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU2xHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFRWSxzQkFBaUIsR0FBRSxJQUFJLFlBQVksRUFBRSxDQUFDO0tBTWpEO0lBSkMsb0JBQW9CLENBQUMsS0FBSztRQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O3FIQU5VLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHdLQ1RyQyw4Z0NBOEJBOzJGRHJCYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsNkJBQTZCLGlCQUd4QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixlQUFlO3NCQUF2QixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHcmlkQWN0aW9uQmFyVjJNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb24tYmFyLXYyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb24tYmFyLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25CYXJWMkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFjdGlvbkxpc3RNb2RlbDogR3JpZEFjdGlvbkJhclYyTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25CYXJMaXN0SXRlbT0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG9uQWN0aW9uQmFyTGlzdENsaWNrKGV2ZW50KSB7XG4gICAgdGhpcy5hY3Rpb25CYXJMaXN0SXRlbS5lbWl0KGV2ZW50KTtcbiAgfVxuXG59XG4iLCI8ZGl2ICpuZ0lmPVwiYWN0aW9uTGlzdE1vZGVsXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHNmeC1ncmlkLWFjdGlvbi1iYXItdjJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtd3JhcFwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGlzU2VsZWN0ZWQ6IGFjdGlvbkxpc3RNb2RlbC5pc1NlbGVjdGVkLFxuICAgICAgICAgICcnOiAhYWN0aW9uTGlzdE1vZGVsLmlzU2VsZWN0ZWRcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwic2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWFjdGl2aXR5J1wiXG4gICAgICAgIFtzaXplXT1cIicxOHB4J1wiXG4gICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCBbaXNGb250Qm9sZF09XCJ0cnVlXCJcbiAgICAgICAgPnt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZENvdW50IH19XG4gICAgICAgIHt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZFRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxzeW1waG9ueS12ZXJ0aWNhbC1zZXBhcmF0b3JcbiAgICAgIGNsYXNzPVwiZmxleC1hbGlnbi1jb250ZW50LWNlbnRlclwiXG4gICAgPjwvc3ltcGhvbnktdmVydGljYWwtc2VwYXJhdG9yPlxuICAgIDxzeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyXG4gICAgICBjbGFzcz1cImZsZXgtMVwiXG4gICAgICBbYWN0aW9uTGlzdF09XCJhY3Rpb25MaXN0TW9kZWwuZ3JpZEFjdGlvbkxpc3RWMlwiXG4gICAgICAoYWN0aW9uQ2xpY2tlZCk9XCJvbkFjdGlvbkJhckxpc3RDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtZ3JpZC1jb250cm9scy12MlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWQtY29udHJvbHMtdjJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -6,18 +6,18 @@ export class GridActionListV2Component {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.actionClicked = new EventEmitter();
|
|
8
8
|
}
|
|
9
|
-
onActionListClick() {
|
|
10
|
-
this.actionClicked.emit();
|
|
9
|
+
onActionListClick(event) {
|
|
10
|
+
this.actionClicked.emit(event);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
GridActionListV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
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: i1.ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: ["model"], outputs: ["actionClicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
14
|
+
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: i1.ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: ["model"], outputs: ["actionClicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
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: [""] }]
|
|
17
|
+
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: [""] }]
|
|
18
18
|
}], propDecorators: { actionList: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], actionClicked: [{
|
|
21
21
|
type: Output
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24tbGlzdC12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9ncmlkLWFjdGlvbi1saXN0LXYyL2dyaWQtYWN0aW9uLWxpc3QtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb24tbGlzdC12Mi9ncmlkLWFjdGlvbi1saXN0LXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkUsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU9ZLGtCQUFhLEdBQUUsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUs3QztJQUhDLGlCQUFpQixDQUFDLEtBQUs7UUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7c0hBTlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsdUpDUnRDLHlTQVFNOzJGREFPLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSw4QkFBOEI7OEJBSy9CLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvblYyTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi12Mi9idXR0b24td2l0aC1pY29uLXYyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb24tbGlzdC12MicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmlkLWFjdGlvbi1saXN0LXYyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3JpZC1hY3Rpb24tbGlzdC12Mi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25MaXN0VjJDb21wb25lbnQge1xuICBASW5wdXQoKSBhY3Rpb25MaXN0OiBCdXR0b25XaXRoSWNvblYyTW9kZWxbXTtcbiAgQE91dHB1dCgpIGFjdGlvbkNsaWNrZWQ9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBvbkFjdGlvbkxpc3RDbGljayhldmVudCkge1xuICAgIHRoaXMuYWN0aW9uQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeC1kLWZsZXhcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBhY3Rpb25CdG5WMiBvZiBhY3Rpb25MaXN0XCI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24td2l0aC1pY29uLXYyXG4gICAgICAgIGNsYXNzPVwic2Z4LWQtZmxleFwiXG4gICAgICAgIFttb2RlbF09XCJhY3Rpb25CdG5WMlwiXG4gICAgICAgIChhY3Rpb25DbGlja2VkKT1cIm9uQWN0aW9uTGlzdENsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbi12Mj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -3,22 +3,23 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "../../atoms/tooltip-wrapper/tooltip-wrapper.component";
|
|
4
4
|
import * as i2 from "../../atoms/icon/icon.component";
|
|
5
5
|
import * as i3 from "@angular/common";
|
|
6
|
+
import * as i4 from "../../pipe/trim-id.pipe";
|
|
6
7
|
export class ButtonWithIconV2Component {
|
|
7
8
|
constructor() {
|
|
8
9
|
this.actionClicked = new EventEmitter();
|
|
9
10
|
}
|
|
10
|
-
onIconClick() {
|
|
11
|
-
this.actionClicked.emit();
|
|
11
|
+
onIconClick(item) {
|
|
12
|
+
this.actionClicked.emit(item);
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
ButtonWithIconV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
16
|
+
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: i1.TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml", "toolTipClass"] }, { type: i2.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": i4.TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
16
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, decorators: [{
|
|
17
18
|
type: Component,
|
|
18
|
-
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"] }]
|
|
19
|
+
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"] }]
|
|
19
20
|
}], propDecorators: { model: [{
|
|
20
21
|
type: Input
|
|
21
22
|
}], actionClicked: [{
|
|
22
23
|
type: Output
|
|
23
24
|
}] } });
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uLXYyL2J1dHRvbi13aXRoLWljb24tdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi12Mi9idXR0b24td2l0aC1pY29uLXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVNsRyxNQUFNLE9BQU8seUJBQXlCO0lBTnRDO1FBUVksa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBSzlDO0lBSEMsV0FBVyxDQUFDLElBQTJCO1FBQ3JDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O3NIQU5VLHlCQUF5QjswR0FBekIseUJBQXlCLDZJQ1R0QywrYkFXQTsyRkRGYSx5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0UsOEJBQThCLGlCQUd6QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvblYyTW9kZWwgfSBmcm9tICcuL2J1dHRvbi13aXRoLWljb24tdjIubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1idXR0b24td2l0aC1pY29uLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi13aXRoLWljb24tdjIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24td2l0aC1pY29uLXYyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uV2l0aEljb25WMkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBCdXR0b25XaXRoSWNvblYyTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25DbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBcbiAgb25JY29uQ2xpY2soaXRlbTogQnV0dG9uV2l0aEljb25WMk1vZGVsKSB7XG4gICAgdGhpcy5hY3Rpb25DbGlja2VkLmVtaXQoaXRlbSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZngtYWN0aW9uVjItaXRlbXNcIiAqbmdJZj1cIm1vZGVsXCI+XG4gIDxzeW1waG9ueS10b29sdGlwLXdyYXBwZXJcbiAgICBbcGxhY2VtZW50XT1cIm1vZGVsLnBsYWNlbWVudFwiXG4gICAgW3Rvb2x0aXBIdG1sXT1cIm1vZGVsLnRvb2x0aXBIdG1sXCJcbiAgICBbdG9vbFRpcENsYXNzXT1cIid0b29sVGlwVjInXCJcbiAgPlxuICAgIDxidXR0b24gaWQ9XCJncmlkQWN0aW9uLWJ0bi17eyBtb2RlbC5pZGVudGlmaWVyIHwgdHJpbUlkfX1cIiAoY2xpY2spPVwib25JY29uQ2xpY2sobW9kZWwpXCIgW2Rpc2FibGVkXT1cIm1vZGVsLmlzRGlzYWJsZWRcIj5cbiAgICAgIDxzeW1waG9ueS1pY29uIFtpY29uXT1cIm1vZGVsLmljb25cIj48L3N5bXBob255LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvc3ltcGhvbnktdG9vbHRpcC13cmFwcGVyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi12Mi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvbW9sZWN1bGVzL2J1dHRvbi13aXRoLWljb24tdjIvYnV0dG9uLXdpdGgtaWNvbi12Mi5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbnMgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24uZW51bSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uV2l0aEljb25WMk1vZGVsIHtcbiAgaWNvbjogSWNvbnM7XG4gIHRvb2x0aXBIdG1sOiBzdHJpbmc7XG4gIHBsYWNlbWVudD86IHN0cmluZztcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlkZW50aWZpZXI/OiBzdHJpbmc7XG59XG4iXX0=
|
|
@@ -3,18 +3,19 @@ import { CommonModule } from '@angular/common';
|
|
|
3
3
|
import { ButtonWithIconV2Component } from './button-with-icon-v2.component';
|
|
4
4
|
import { IconModule } from '../../atoms/icon/icon.module';
|
|
5
5
|
import { TooltipWrapperModule } from '../../atoms/tooltip-wrapper/tooltip-wrapper.module';
|
|
6
|
+
import { PipeModule } from '../../pipe/pipe.module';
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
export class ButtonWithIconV2Module {
|
|
8
9
|
}
|
|
9
10
|
ButtonWithIconV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
-
ButtonWithIconV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, declarations: [ButtonWithIconV2Component], imports: [CommonModule, IconModule, TooltipWrapperModule], exports: [ButtonWithIconV2Component] });
|
|
11
|
-
ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule]] });
|
|
11
|
+
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] });
|
|
12
|
+
ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule, PipeModule]] });
|
|
12
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, decorators: [{
|
|
13
14
|
type: NgModule,
|
|
14
15
|
args: [{
|
|
15
16
|
declarations: [ButtonWithIconV2Component],
|
|
16
|
-
imports: [CommonModule, IconModule, TooltipWrapperModule],
|
|
17
|
+
imports: [CommonModule, IconModule, TooltipWrapperModule, PipeModule],
|
|
17
18
|
exports: [ButtonWithIconV2Component],
|
|
18
19
|
}]
|
|
19
20
|
}] });
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXdpdGgtaWNvbi12Mi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL21vbGVjdWxlcy9idXR0b24td2l0aC1pY29uLXYyL2J1dHRvbi13aXRoLWljb24tdjIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxvREFBb0QsQ0FBQztBQUMxRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxzQkFBc0I7O21IQUF0QixzQkFBc0I7b0hBQXRCLHNCQUFzQixpQkFKbEIseUJBQXlCLGFBQzlCLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxhQUMxRCx5QkFBeUI7b0hBRXhCLHNCQUFzQixZQUh4QixDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxDQUFDOzJGQUcxRCxzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMseUJBQXlCLENBQUM7b0JBQ3pDLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxVQUFVLEVBQUUsb0JBQW9CLEVBQUUsVUFBVSxDQUFDO29CQUNyRSxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvbldpdGhJY29uVjJDb21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi13aXRoLWljb24tdjIuY29tcG9uZW50JztcbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9hdG9tcy9pY29uL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFRvb2x0aXBXcmFwcGVyTW9kdWxlIH0gZnJvbSAnLi4vLi4vYXRvbXMvdG9vbHRpcC13cmFwcGVyL3Rvb2x0aXAtd3JhcHBlci5tb2R1bGUnO1xuaW1wb3J0IHsgUGlwZU1vZHVsZSB9IGZyb20gJy4uLy4uL3BpcGUvcGlwZS5tb2R1bGUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCdXR0b25XaXRoSWNvblYyQ29tcG9uZW50XSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbk1vZHVsZSwgVG9vbHRpcFdyYXBwZXJNb2R1bGUsIFBpcGVNb2R1bGVdLFxuICBleHBvcnRzOiBbQnV0dG9uV2l0aEljb25WMkNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbldpdGhJY29uVjJNb2R1bGUge31cbiJdfQ==
|
|
@@ -9,18 +9,18 @@ export class GridActionBarV2Component {
|
|
|
9
9
|
constructor() {
|
|
10
10
|
this.actionBarListItem = new EventEmitter();
|
|
11
11
|
}
|
|
12
|
-
onActionBarListClick() {
|
|
13
|
-
this.actionBarListItem.emit();
|
|
12
|
+
onActionBarListClick(event) {
|
|
13
|
+
this.actionBarListItem.emit(event);
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
GridActionBarV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
17
|
+
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: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.VerticalSeparatorComponent, selector: "symphony-vertical-separator" }, { type: i4.GridActionListV2Component, selector: "symphony-grid-action-list-v2", inputs: ["actionList"], outputs: ["actionClicked"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
18
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
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"] }]
|
|
20
|
+
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"] }]
|
|
21
21
|
}], propDecorators: { actionListModel: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], actionBarListItem: [{
|
|
24
24
|
type: Output
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24tYmFyLXYyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvb3JnYW5pc21zL2dyaWQtYWN0aW9uLWJhci12Mi9ncmlkLWFjdGlvbi1iYXItdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb24tYmFyLXYyL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBU2xHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFRWSxzQkFBaUIsR0FBRSxJQUFJLFlBQVksRUFBRSxDQUFDO0tBTWpEO0lBSkMsb0JBQW9CLENBQUMsS0FBSztRQUN4QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O3FIQU5VLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLHdLQ1RyQyw4Z0NBOEJBOzJGRHJCYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0UsNkJBQTZCLGlCQUd4QixpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixlQUFlO3NCQUF2QixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBHcmlkQWN0aW9uQmFyVjJNb2RlbCB9IGZyb20gJy4vZ3JpZC1hY3Rpb24tYmFyLXYyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb24tYmFyLXYyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyaWQtYWN0aW9uLWJhci12Mi5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25CYXJWMkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFjdGlvbkxpc3RNb2RlbDogR3JpZEFjdGlvbkJhclYyTW9kZWw7XG4gIEBPdXRwdXQoKSBhY3Rpb25CYXJMaXN0SXRlbT0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG9uQWN0aW9uQmFyTGlzdENsaWNrKGV2ZW50KSB7XG4gICAgdGhpcy5hY3Rpb25CYXJMaXN0SXRlbS5lbWl0KGV2ZW50KTtcbiAgfVxuXG59XG4iLCI8ZGl2ICpuZ0lmPVwiYWN0aW9uTGlzdE1vZGVsXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtZC1mbGV4IHNmeC1ncmlkLWFjdGlvbi1iYXItdjJcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VsZWN0ZWQtd3JhcFwiPlxuICAgICAgPHN5bXBob255LWljb25cbiAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgIGlzU2VsZWN0ZWQ6IGFjdGlvbkxpc3RNb2RlbC5pc1NlbGVjdGVkLFxuICAgICAgICAgICcnOiAhYWN0aW9uTGlzdE1vZGVsLmlzU2VsZWN0ZWRcbiAgICAgICAgfVwiXG4gICAgICAgIGNsYXNzPVwic2Z4LWN1cnNvci1wb2ludGVyXCJcbiAgICAgICAgW2ljb25dPVwiJ3NpLWFjdGl2aXR5J1wiXG4gICAgICAgIFtzaXplXT1cIicxOHB4J1wiXG4gICAgICA+PC9zeW1waG9ueS1pY29uPlxuICAgICAgPHN5bXBob255LXBhcmFncmFwaCBbaXNGb250Qm9sZF09XCJ0cnVlXCJcbiAgICAgICAgPnt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZENvdW50IH19XG4gICAgICAgIHt7IGFjdGlvbkxpc3RNb2RlbC5zZWxlY3RlZFRleHQgfX08L3N5bXBob255LXBhcmFncmFwaFxuICAgICAgPlxuICAgIDwvZGl2PlxuICAgIDxzeW1waG9ueS12ZXJ0aWNhbC1zZXBhcmF0b3JcbiAgICAgIGNsYXNzPVwiZmxleC1hbGlnbi1jb250ZW50LWNlbnRlclwiXG4gICAgPjwvc3ltcGhvbnktdmVydGljYWwtc2VwYXJhdG9yPlxuICAgIDxzeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyXG4gICAgICBjbGFzcz1cImZsZXgtMVwiXG4gICAgICBbYWN0aW9uTGlzdF09XCJhY3Rpb25MaXN0TW9kZWwuZ3JpZEFjdGlvbkxpc3RWMlwiXG4gICAgICAoYWN0aW9uQ2xpY2tlZCk9XCJvbkFjdGlvbkJhckxpc3RDbGljaygkZXZlbnQpXCJcbiAgICA+PC9zeW1waG9ueS1ncmlkLWFjdGlvbi1saXN0LXYyPlxuICAgIDxkaXYgY2xhc3M9XCJzZngtZ3JpZC1jb250cm9scy12MlwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWQtY29udHJvbHMtdjJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -6,18 +6,18 @@ export class GridActionListV2Component {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.actionClicked = new EventEmitter();
|
|
8
8
|
}
|
|
9
|
-
onActionListClick() {
|
|
10
|
-
this.actionClicked.emit();
|
|
9
|
+
onActionListClick(event) {
|
|
10
|
+
this.actionClicked.emit(event);
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
GridActionListV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
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: i1.ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: ["model"], outputs: ["actionClicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
14
|
+
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: i1.ButtonWithIconV2Component, selector: "symphony-button-with-icon-v2", inputs: ["model"], outputs: ["actionClicked"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
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: [""] }]
|
|
17
|
+
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: [""] }]
|
|
18
18
|
}], propDecorators: { actionList: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], actionClicked: [{
|
|
21
21
|
type: Output
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24tbGlzdC12Mi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL29yZ2FuaXNtcy9ncmlkLWFjdGlvbi1saXN0LXYyL2dyaWQtYWN0aW9uLWxpc3QtdjIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9vcmdhbmlzbXMvZ3JpZC1hY3Rpb24tbGlzdC12Mi9ncmlkLWFjdGlvbi1saXN0LXYyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRdkUsTUFBTSxPQUFPLHlCQUF5QjtJQUx0QztRQU9ZLGtCQUFhLEdBQUUsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUs3QztJQUhDLGlCQUFpQixDQUFDLEtBQUs7UUFDckIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7c0hBTlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsdUpDUnRDLHlTQVFNOzJGREFPLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSw4QkFBOEI7OEJBSy9CLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCdXR0b25XaXRoSWNvblYyTW9kZWwgfSBmcm9tICcuLi8uLi9tb2xlY3VsZXMvYnV0dG9uLXdpdGgtaWNvbi12Mi9idXR0b24td2l0aC1pY29uLXYyLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZ3JpZC1hY3Rpb24tbGlzdC12MicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmlkLWFjdGlvbi1saXN0LXYyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3JpZC1hY3Rpb24tbGlzdC12Mi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25MaXN0VjJDb21wb25lbnQge1xuICBASW5wdXQoKSBhY3Rpb25MaXN0OiBCdXR0b25XaXRoSWNvblYyTW9kZWxbXTtcbiAgQE91dHB1dCgpIGFjdGlvbkNsaWNrZWQ9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBvbkFjdGlvbkxpc3RDbGljayhldmVudCkge1xuICAgIHRoaXMuYWN0aW9uQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNmeC1kLWZsZXhcIj5cbiAgICA8ZGl2ICpuZ0Zvcj1cImxldCBhY3Rpb25CdG5WMiBvZiBhY3Rpb25MaXN0XCI+XG4gICAgICAgIDxzeW1waG9ueS1idXR0b24td2l0aC1pY29uLXYyXG4gICAgICAgIGNsYXNzPVwic2Z4LWQtZmxleFwiXG4gICAgICAgIFttb2RlbF09XCJhY3Rpb25CdG5WMlwiXG4gICAgICAgIChhY3Rpb25DbGlja2VkKT1cIm9uQWN0aW9uTGlzdENsaWNrKCRldmVudClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXdpdGgtaWNvbi12Mj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|
|
@@ -4645,15 +4645,15 @@ class ButtonWithIconV2Component {
|
|
|
4645
4645
|
constructor() {
|
|
4646
4646
|
this.actionClicked = new EventEmitter();
|
|
4647
4647
|
}
|
|
4648
|
-
onIconClick() {
|
|
4649
|
-
this.actionClicked.emit();
|
|
4648
|
+
onIconClick(item) {
|
|
4649
|
+
this.actionClicked.emit(item);
|
|
4650
4650
|
}
|
|
4651
4651
|
}
|
|
4652
4652
|
ButtonWithIconV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4653
|
-
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 });
|
|
4653
|
+
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 });
|
|
4654
4654
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Component, decorators: [{
|
|
4655
4655
|
type: Component,
|
|
4656
|
-
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"] }]
|
|
4656
|
+
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"] }]
|
|
4657
4657
|
}], propDecorators: { model: [{
|
|
4658
4658
|
type: Input
|
|
4659
4659
|
}], actionClicked: [{
|
|
@@ -4664,15 +4664,15 @@ class GridActionListV2Component {
|
|
|
4664
4664
|
constructor() {
|
|
4665
4665
|
this.actionClicked = new EventEmitter();
|
|
4666
4666
|
}
|
|
4667
|
-
onActionListClick() {
|
|
4668
|
-
this.actionClicked.emit();
|
|
4667
|
+
onActionListClick(event) {
|
|
4668
|
+
this.actionClicked.emit(event);
|
|
4669
4669
|
}
|
|
4670
4670
|
}
|
|
4671
4671
|
GridActionListV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4672
|
-
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"] }] });
|
|
4672
|
+
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"] }] });
|
|
4673
4673
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionListV2Component, decorators: [{
|
|
4674
4674
|
type: Component,
|
|
4675
|
-
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: [""] }]
|
|
4675
|
+
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: [""] }]
|
|
4676
4676
|
}], propDecorators: { actionList: [{
|
|
4677
4677
|
type: Input
|
|
4678
4678
|
}], actionClicked: [{
|
|
@@ -4683,15 +4683,15 @@ class GridActionBarV2Component {
|
|
|
4683
4683
|
constructor() {
|
|
4684
4684
|
this.actionBarListItem = new EventEmitter();
|
|
4685
4685
|
}
|
|
4686
|
-
onActionBarListClick() {
|
|
4687
|
-
this.actionBarListItem.emit();
|
|
4686
|
+
onActionBarListClick(event) {
|
|
4687
|
+
this.actionBarListItem.emit(event);
|
|
4688
4688
|
}
|
|
4689
4689
|
}
|
|
4690
4690
|
GridActionBarV2Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4691
|
-
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 });
|
|
4691
|
+
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 });
|
|
4692
4692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionBarV2Component, decorators: [{
|
|
4693
4693
|
type: Component,
|
|
4694
|
-
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"] }]
|
|
4694
|
+
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"] }]
|
|
4695
4695
|
}], propDecorators: { actionListModel: [{
|
|
4696
4696
|
type: Input
|
|
4697
4697
|
}], actionBarListItem: [{
|
|
@@ -4701,13 +4701,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
4701
4701
|
class ButtonWithIconV2Module {
|
|
4702
4702
|
}
|
|
4703
4703
|
ButtonWithIconV2Module.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4704
|
-
ButtonWithIconV2Module.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, declarations: [ButtonWithIconV2Component], imports: [CommonModule, IconModule, TooltipWrapperModule], exports: [ButtonWithIconV2Component] });
|
|
4705
|
-
ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule]] });
|
|
4704
|
+
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] });
|
|
4705
|
+
ButtonWithIconV2Module.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, imports: [[CommonModule, IconModule, TooltipWrapperModule, PipeModule]] });
|
|
4706
4706
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconV2Module, decorators: [{
|
|
4707
4707
|
type: NgModule,
|
|
4708
4708
|
args: [{
|
|
4709
4709
|
declarations: [ButtonWithIconV2Component],
|
|
4710
|
-
imports: [CommonModule, IconModule, TooltipWrapperModule],
|
|
4710
|
+
imports: [CommonModule, IconModule, TooltipWrapperModule, PipeModule],
|
|
4711
4711
|
exports: [ButtonWithIconV2Component],
|
|
4712
4712
|
}]
|
|
4713
4713
|
}] });
|