@symphony-talent/component-library 4.142.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/atoms/input-file-upload/input-file-upload.component.mjs +2 -2
- 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/atoms/input-file-upload/input-file-upload.component.mjs +2 -2
- 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 +17 -17
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +17 -17
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +17 -17
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +17 -17
- 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
|
@@ -2708,10 +2708,10 @@ class InputFileUploadComponent {
|
|
|
2708
2708
|
}
|
|
2709
2709
|
}
|
|
2710
2710
|
InputFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2711
|
-
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", textChanged: "textChanged", getFileDetails: "getFileDetails" }, viewQueries: [{ propertyName: "toolTip", first: true, predicate: ["pop"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\
|
|
2711
|
+
InputFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: InputFileUploadComponent, selector: "symphony-input-file-upload", inputs: { inputFileUploadModel: "inputFileUploadModel" }, outputs: { closeButtonClicked: "closeButtonClicked", textChanged: "textChanged", getFileDetails: "getFileDetails" }, viewQueries: [{ propertyName: "toolTip", first: true, predicate: ["pop"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e9b7\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"], components: [{ type: IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["containerClass", "tooltipAnimation", "tooltipFadeDuration", "isOpen", "tooltipHtml", "tooltip", "tooltipPlacement", "placement", "tooltipIsOpen", "tooltipEnable", "isDisabled", "tooltipAppendToBody", "container", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "delay", "tooltipTrigger", "triggers", "adaptivePosition"], outputs: ["tooltipChange", "tooltipStateChanged", "onShown", "onHidden"], exportAs: ["bs-tooltip"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
2712
2712
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: InputFileUploadComponent, decorators: [{
|
|
2713
2713
|
type: Component,
|
|
2714
|
-
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\
|
|
2714
|
+
args: [{ selector: 'symphony-input-file-upload', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"inputFileUploadModel\">\n <!-- File Upload -->\n <div class=\"sfx-input-label\">\n {{ inputFileUploadModel.inputLabel }}\n </div>\n <div\n class=\"sfx-input-file-upload\"\n tooltip=\"{{ inputFileUploadModel.fileValue }}\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n #pop=\"bs-tooltip\"\n [ngClass]=\"{ 'has-Close': inputFileUploadModel.hasClose }\"\n >\n <label class=\"sfx-cursor-pointer\" for=\"input-file-Upload\"> </label>\n\n <input\n type=\"file\"\n id=\"input-file-Upload\"\n name=\"input-file-Upload\"\n accept=\"{{ filetypeAccepted }}\"\n (change)=\"onFileSelect($event)\"\n (click)=\"onClick($event)\"\n />\n <input\n type=\"text\"\n name=\"input-text\"\n id=\"input-file-Upload-text\"\n class=\"input-text\"\n autocomplete=\"off\"\n placeholder=\"{{ inputFileUploadModel.placeholder }}\"\n (keyup)=\"onTextChange($event)\"\n [(ngModel)]=\"inputFileUploadModel.fileValue\"\n />\n\n <symphony-icon\n class=\"sfx-cursor-pointer\"\n *ngIf=\"inputFileUploadModel.hasClose\"\n [icon]=\"'si-close-modal'\"\n [size]=\"'20px'\"\n (clicked)=\"onCloseButtonClick()\"\n ></symphony-icon>\n <symphony-paragraph\n *ngIf=\"inputFileUploadModel.hasError\"\n class=\"sfx-txt-red-v2 sfx-pl-5 sfx-d-flex\"\n [text]=\"inputFileUploadModel.errorText\"\n ></symphony-paragraph>\n </div>\n <!-- File Upload -->\n</div>\n", styles: [".sfx-input-file-upload{position:relative}.sfx-input-file-upload symphony-tooltip-wrapper .sfx-d-inline-block{width:100%;display:block}.sfx-input-file-upload label{line-height:40px;width:40px;margin:0;height:40px;position:absolute;text-align:center;right:-5px;top:5px}.sfx-input-file-upload label span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:5px}.sfx-input-file-upload label:before{content:\"\\e9b7\";font-family:library-icons!important}.sfx-input-file-upload input[type=file]{visibility:hidden;position:absolute;top:0}.sfx-input-file-upload input[type=text]{width:100%;height:40px;border-radius:4px;box-shadow:none;padding:0 30px 0 20px;border:1px solid #d0d0d0;margin:5px;outline:none}.sfx-input-file-upload.has-Close input[type=text]{width:calc(100% - 35px)}.sfx-input-file-upload.has-Close label{right:30px;top:5px}.sfx-input-file-upload.has-Close symphony-icon{position:absolute;top:15px;right:0px}.sfx-input-label{font-weight:500;margin-left:5px;margin-bottom:5px}.sfx-info-tooltip.item-tooltip{min-width:80px;opacity:1}.sfx-info-tooltip.item-tooltip .tooltip-inner{border-radius:10px!important;box-shadow:0 0 20px rgba(0,0,0,.2);font-weight:600;word-wrap:break-word}.sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#fff}.sfx-info-tooltip.item-tooltip.right{left:5px!important}.sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#fff}.sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#fff}.sfx-info-tooltip.item-tooltip.left{left:-5px!important}.sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#fff}.sfx-info-tooltip .tooltip-inner{background-color:#fff;padding:8px 15px;border-radius:0;max-width:250px;font-size:13px;color:#000}\n"] }]
|
|
2715
2715
|
}], ctorParameters: function () { return []; }, propDecorators: { inputFileUploadModel: [{
|
|
2716
2716
|
type: Input
|
|
2717
2717
|
}], closeButtonClicked: [{
|
|
@@ -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
|
}] });
|