@symphony-talent/component-library 4.41.0 → 4.42.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/button-with-icon.component.mjs +5 -3
- package/esm2020/lib/organisms/grid-actions/grid-actions.component.mjs +3 -3
- package/esm2020/lib/organisms/grid-actions/grid-actions.model.mjs +1 -1
- package/esm2020/projects/component-library/lib/molecules/button-with-icon/button-with-icon.component.mjs +5 -3
- package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.component.mjs +3 -3
- package/esm2020/projects/component-library/lib/organisms/grid-actions/grid-actions.model.mjs +1 -1
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs +6 -4
- package/fesm2015/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2015/symphony-talent-component-library.mjs +6 -4
- package/fesm2015/symphony-talent-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs +6 -4
- package/fesm2020/symphony-talent-component-library-projects-component-library.mjs.map +1 -1
- package/fesm2020/symphony-talent-component-library.mjs +6 -4
- package/fesm2020/symphony-talent-component-library.mjs.map +1 -1
- package/lib/molecules/button-with-icon/button-with-icon.component.d.ts +2 -1
- package/lib/organisms/grid-actions/grid-actions.model.d.ts +1 -0
- package/package.json +1 -1
- package/projects/component-library/lib/molecules/button-with-icon/button-with-icon.component.d.ts +2 -1
- package/projects/component-library/lib/organisms/grid-actions/grid-actions.model.d.ts +1 -0
|
@@ -3455,10 +3455,10 @@ class ButtonWithIconComponent {
|
|
|
3455
3455
|
}
|
|
3456
3456
|
}
|
|
3457
3457
|
ButtonWithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3458
|
-
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
3458
|
+
ButtonWithIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: { text: "text", icon: "icon", showActionButton: "showActionButton", showPopover: "showPopover", isDisabled: "isDisabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"], components: [{ 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 });
|
|
3459
3459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, decorators: [{
|
|
3460
3460
|
type: Component,
|
|
3461
|
-
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div
|
|
3461
|
+
args: [{ selector: 'symphony-button-with-icon', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-actions-items-list\" *ngIf=\"showActionButton\">\n <button (click)=\"onClick()\" [disabled]=\"isDisabled\">\n <symphony-icon [icon]=\"icon\"></symphony-icon>{{ text }}\n </button>\n</div>", styles: [".sfx-actions-items-list button{background:transparent;border:none;outline:none;margin-right:1.25rem;margin-bottom:.625rem}.sfx-actions-items-list button i{font-size:1.125rem;margin-right:.9375rem;position:relative;top:2px}.sfx-actions-items-list button:disabled{cursor:not-allowed;opacity:70%}\n"] }]
|
|
3462
3462
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
3463
3463
|
type: Input
|
|
3464
3464
|
}], icon: [{
|
|
@@ -3467,6 +3467,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3467
3467
|
type: Input
|
|
3468
3468
|
}], showPopover: [{
|
|
3469
3469
|
type: Input
|
|
3470
|
+
}], isDisabled: [{
|
|
3471
|
+
type: Input
|
|
3470
3472
|
}], clicked: [{
|
|
3471
3473
|
type: Output
|
|
3472
3474
|
}] } });
|
|
@@ -3942,10 +3944,10 @@ class GridActionsComponent {
|
|
|
3942
3944
|
}
|
|
3943
3945
|
}
|
|
3944
3946
|
GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3945
|
-
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
3947
|
+
GridActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridActionsComponent, selector: "symphony-grid-actions", inputs: { model: "model", isInverse: "isInverse" }, outputs: { buttonClicked: "buttonClicked" }, ngImport: i0, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"], components: [{ type: ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: TooltipWrapperComponent, selector: "symphony-tooltip-wrapper", inputs: ["placement", "tooltipHtml"] }], directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "trimId": TrimIdPipe }, encapsulation: i0.ViewEncapsulation.None });
|
|
3946
3948
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
|
|
3947
3949
|
type: Component,
|
|
3948
|
-
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon
|
|
3950
|
+
args: [{ selector: 'symphony-grid-actions', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx-d-inline-block\" *ngFor=\"let actionButton of model\">\n <symphony-button-with-icon\n *ngIf=\"!actionButton.showPopover\"\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}\"\n ></symphony-button-with-icon>\n\n <symphony-tooltip-wrapper\n *ngIf=\"actionButton.showPopover\"\n [tooltipHtml]=\"actionButton.tooltip\"\n [placement]=\"'top'\"\n containerClass=\"sfx-info-tooltip item-tooltip\"\n class=\"actionButton-tooltip\"\n >\n <symphony-button-with-icon\n (clicked)=\"onButtonClick($event)\"\n [icon]=\"actionButton.icon\"\n [text]=\"actionButton.text\"\n [showActionButton]=\"actionButton.showActionButton\"\n [showPopover]=\"actionButton.showPopover\"\n [isDisabled]=\"actionButton.isDisabled\"\n id=\"btn-action-{{ actionButton.text | trimId }}-popover\"\n ></symphony-button-with-icon>\n </symphony-tooltip-wrapper>\n</div>\n", styles: [".actionButton-tooltip .tooltip{min-width:160px}.actionButton-tooltip .tooltip .tooltip-inner{background-color:#565656;padding:8px 15px;border-radius:.625rem;max-width:250px;font-size:12px;color:#fff}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.top .tooltip-arrow.arrow{border-top-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right{left:5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.right .tooltip-arrow.arrow{border-right-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.bottom .tooltip-arrow.arrow{border-bottom-color:#565656}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left{left:-5px!important}.actionButton-tooltip .sfx-info-tooltip.item-tooltip.left .tooltip-arrow.arrow{border-left-color:#565656}\n"] }]
|
|
3949
3951
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
3950
3952
|
type: Input
|
|
3951
3953
|
}], buttonClicked: [{
|