@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
|
@@ -3457,10 +3457,10 @@ class ButtonWithIconComponent {
|
|
|
3457
3457
|
}
|
|
3458
3458
|
}
|
|
3459
3459
|
ButtonWithIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3460
|
-
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
|
|
3460
|
+
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 });
|
|
3461
3461
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ButtonWithIconComponent, decorators: [{
|
|
3462
3462
|
type: Component,
|
|
3463
|
-
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
|
|
3463
|
+
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"] }]
|
|
3464
3464
|
}], ctorParameters: function () { return []; }, propDecorators: { text: [{
|
|
3465
3465
|
type: Input
|
|
3466
3466
|
}], icon: [{
|
|
@@ -3469,6 +3469,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
|
|
|
3469
3469
|
type: Input
|
|
3470
3470
|
}], showPopover: [{
|
|
3471
3471
|
type: Input
|
|
3472
|
+
}], isDisabled: [{
|
|
3473
|
+
type: Input
|
|
3472
3474
|
}], clicked: [{
|
|
3473
3475
|
type: Output
|
|
3474
3476
|
}] } });
|
|
@@ -3945,10 +3947,10 @@ class GridActionsComponent {
|
|
|
3945
3947
|
}
|
|
3946
3948
|
}
|
|
3947
3949
|
GridActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3948
|
-
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
|
|
3950
|
+
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 });
|
|
3949
3951
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridActionsComponent, decorators: [{
|
|
3950
3952
|
type: Component,
|
|
3951
|
-
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
|
|
3953
|
+
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"] }]
|
|
3952
3954
|
}], ctorParameters: function () { return []; }, propDecorators: { model: [{
|
|
3953
3955
|
type: Input
|
|
3954
3956
|
}], buttonClicked: [{
|