keevo-components 1.5.48 → 1.5.50
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/api/base-components/base-component-button.mjs +5 -2
- package/esm2020/lib/buttons/button-secondary/button-secondary.component.mjs +3 -3
- package/esm2020/lib/buttons/button-success/button-success.component.mjs +5 -4
- package/fesm2015/keevo-components.mjs +8 -5
- package/fesm2015/keevo-components.mjs.map +1 -1
- package/fesm2020/keevo-components.mjs +8 -5
- package/fesm2020/keevo-components.mjs.map +1 -1
- package/lib/api/base-components/base-component-button.d.ts +2 -1
- package/package.json +1 -1
|
@@ -762,6 +762,7 @@ class BaseComponentButton {
|
|
|
762
762
|
this.loading = false;
|
|
763
763
|
this.disabled = false;
|
|
764
764
|
this.color = 'bg-blue-100';
|
|
765
|
+
this.tooltip = '';
|
|
765
766
|
this.onClick = new EventEmitter();
|
|
766
767
|
}
|
|
767
768
|
click(event) {
|
|
@@ -769,7 +770,7 @@ class BaseComponentButton {
|
|
|
769
770
|
}
|
|
770
771
|
}
|
|
771
772
|
BaseComponentButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
772
|
-
BaseComponentButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentButton, selector: "ng-component", inputs: { icon: "icon", label: "label", loading: "loading", disabled: "disabled", color: "color" }, outputs: { onClick: "onClick" }, ngImport: i0, template: '', isInline: true });
|
|
773
|
+
BaseComponentButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: BaseComponentButton, selector: "ng-component", inputs: { icon: "icon", label: "label", loading: "loading", disabled: "disabled", color: "color", tooltip: "tooltip" }, outputs: { onClick: "onClick" }, ngImport: i0, template: '', isInline: true });
|
|
773
774
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BaseComponentButton, decorators: [{
|
|
774
775
|
type: Component,
|
|
775
776
|
args: [{
|
|
@@ -785,6 +786,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
785
786
|
type: Input
|
|
786
787
|
}], color: [{
|
|
787
788
|
type: Input
|
|
789
|
+
}], tooltip: [{
|
|
790
|
+
type: Input
|
|
788
791
|
}], onClick: [{
|
|
789
792
|
type: Output
|
|
790
793
|
}] } });
|
|
@@ -795,10 +798,10 @@ class ButtonSecondaryComponent extends BaseComponentButton {
|
|
|
795
798
|
}
|
|
796
799
|
}
|
|
797
800
|
ButtonSecondaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
798
|
-
ButtonSecondaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonSecondaryComponent, selector: "kv-button-secondary", usesInheritance: true, ngImport: i0, template: "<button\r\n pButton\r\n pRipple\r\n class=\"btn-secondary border-300\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n (click)=\"click($event)\">\r\n</button>\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:40px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
|
|
801
|
+
ButtonSecondaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonSecondaryComponent, selector: "kv-button-secondary", usesInheritance: true, ngImport: i0, template: "<button\r\n pButton\r\n pRipple\r\n class=\"btn-secondary border-300\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"click($event)\">\r\n</button>\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:40px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
|
|
799
802
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSecondaryComponent, decorators: [{
|
|
800
803
|
type: Component,
|
|
801
|
-
args: [{ selector: 'kv-button-secondary', template: "<button\r\n pButton\r\n pRipple\r\n class=\"btn-secondary border-300\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n (click)=\"click($event)\">\r\n</button>\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:40px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
|
|
804
|
+
args: [{ selector: 'kv-button-secondary', template: "<button\r\n pButton\r\n pRipple\r\n class=\"btn-secondary border-300\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"click($event)\">\r\n</button>\r\n", styles: [".btn-secondary{background-color:#f2f3f5!important;color:#000000de!important;height:40px}.btn-secondary:hover{background-color:#ef5350!important;color:#fff!important}.btn-secondary:disabled{pointer-events:none}\n"] }]
|
|
802
805
|
}], ctorParameters: function () { return []; } });
|
|
803
806
|
|
|
804
807
|
class ButtonSuccessComponent extends BaseComponentButton {
|
|
@@ -807,10 +810,10 @@ class ButtonSuccessComponent extends BaseComponentButton {
|
|
|
807
810
|
}
|
|
808
811
|
}
|
|
809
812
|
ButtonSuccessComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
810
|
-
ButtonSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonSuccessComponent, selector: "kv-button-success", usesInheritance: true, ngImport: i0, template: "<button\r\n pButton\r\n pRipple\r\n class=\"btn-success border-green-500\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n (click)=\"click($event)\">\r\n</button>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:40px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
|
|
813
|
+
ButtonSuccessComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ButtonSuccessComponent, selector: "kv-button-success", usesInheritance: true, ngImport: i0, template: "<div [pTooltip]=\"tooltip\">\r\n<button\r\n pButton\r\n pRipple\r\n class=\"btn-success border-green-500\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"click($event)\">\r\n</button>\r\n</div>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:40px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "directive", type: i8.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }] });
|
|
811
814
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ButtonSuccessComponent, decorators: [{
|
|
812
815
|
type: Component,
|
|
813
|
-
args: [{ selector: 'kv-button-success', template: "<button\r\n pButton\r\n pRipple\r\n class=\"btn-success border-green-500\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n (click)=\"click($event)\">\r\n</button>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:40px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"] }]
|
|
816
|
+
args: [{ selector: 'kv-button-success', template: "<div [pTooltip]=\"tooltip\">\r\n<button\r\n pButton\r\n pRipple\r\n class=\"btn-success border-green-500\"\r\n [icon]=\"icon\"\r\n [label]=\"label\"\r\n [loading]=\"loading\"\r\n [disabled]=\"disabled\"\r\n (click)=\"click($event)\">\r\n</button>\r\n</div>\r\n", styles: [".btn-success{background-color:#29b92d!important;color:#fff!important;height:40px}.btn-success:hover{background-color:#229925!important}.btn-success:disabled{pointer-events:none}\n"] }]
|
|
814
817
|
}], ctorParameters: function () { return []; } });
|
|
815
818
|
|
|
816
819
|
class ButtonPersonalizeComponent extends BaseComponentButton {
|