@klippa/ngx-enhancy-forms 11.6.0 → 11.8.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/elements/button/button.component.mjs +1 -1
- package/esm2020/lib/form/form-submit-button/form-submit-button.component.mjs +16 -3
- package/fesm2015/klippa-ngx-enhancy-forms.mjs +31 -16
- package/fesm2015/klippa-ngx-enhancy-forms.mjs.map +1 -1
- package/fesm2020/klippa-ngx-enhancy-forms.mjs +15 -2
- package/fesm2020/klippa-ngx-enhancy-forms.mjs.map +1 -1
- package/lib/form/form-submit-button/form-submit-button.component.d.ts +5 -3
- package/package.json +1 -1
|
@@ -1063,11 +1063,19 @@ class FormSubmitButtonComponent {
|
|
|
1063
1063
|
this.isLoading = false;
|
|
1064
1064
|
this.fullWidth = false;
|
|
1065
1065
|
this.variant = 'greenFilled';
|
|
1066
|
+
this.before = () => Promise.resolve();
|
|
1067
|
+
this.after = () => Promise.resolve();
|
|
1066
1068
|
}
|
|
1067
1069
|
get _() {
|
|
1068
1070
|
return this.fullWidth;
|
|
1069
1071
|
}
|
|
1070
|
-
submitForm() {
|
|
1072
|
+
async submitForm() {
|
|
1073
|
+
try {
|
|
1074
|
+
await this.before();
|
|
1075
|
+
}
|
|
1076
|
+
catch (e) {
|
|
1077
|
+
return;
|
|
1078
|
+
}
|
|
1071
1079
|
this.parentForm
|
|
1072
1080
|
.trySubmit()
|
|
1073
1081
|
.then(([renderedAndEnabledValues, renderedValues]) => {
|
|
@@ -1087,10 +1095,11 @@ class FormSubmitButtonComponent {
|
|
|
1087
1095
|
}
|
|
1088
1096
|
throw e;
|
|
1089
1097
|
});
|
|
1098
|
+
await this.after();
|
|
1090
1099
|
}
|
|
1091
1100
|
}
|
|
1092
1101
|
FormSubmitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FormSubmitButtonComponent, deps: [{ token: FormComponent, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1093
|
-
FormSubmitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: FormSubmitButtonComponent, selector: "klp-form-submit-button", inputs: { isLoading: "isLoading", fullWidth: "fullWidth", variant: "variant", submitCallback: "submitCallback" }, host: { properties: { "class._fullWidth": "this._" } }, ngImport: i0, template: "<klp-form-button\n\t\t[variant]=\"variant\"\n\t\t(click)=\"submitForm()\"\n\t\t[disabled]=\"isLoading\"\n\t\t[isLoading]=\"isLoading\"\n\t\t[fullWidth]=\"fullWidth\"\n\t\ttype=\"submit\"\n\t\t[ngClass]=\"fullWidth ? 'fullWidth' : ''\"\n\t>\n\t<ng-content></ng-content>\n</klp-form-button>\n", styles: [":host{display:inline-block}:host._fullWidth{display:block}.fullWidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "klp-form-button", inputs: ["variant", "size", "fullWidth", "hasBorder", "disabled", "isLoading", "type", "clickCallback"] }] });
|
|
1102
|
+
FormSubmitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: FormSubmitButtonComponent, selector: "klp-form-submit-button", inputs: { isLoading: "isLoading", fullWidth: "fullWidth", variant: "variant", before: "before", after: "after", submitCallback: "submitCallback" }, host: { properties: { "class._fullWidth": "this._" } }, ngImport: i0, template: "<klp-form-button\n\t\t[variant]=\"variant\"\n\t\t(click)=\"submitForm()\"\n\t\t[disabled]=\"isLoading\"\n\t\t[isLoading]=\"isLoading\"\n\t\t[fullWidth]=\"fullWidth\"\n\t\ttype=\"submit\"\n\t\t[ngClass]=\"fullWidth ? 'fullWidth' : ''\"\n\t>\n\t<ng-content></ng-content>\n</klp-form-button>\n", styles: [":host{display:inline-block}:host._fullWidth{display:block}.fullWidth{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ButtonComponent, selector: "klp-form-button", inputs: ["variant", "size", "fullWidth", "hasBorder", "disabled", "isLoading", "type", "clickCallback"] }] });
|
|
1094
1103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FormSubmitButtonComponent, decorators: [{
|
|
1095
1104
|
type: Component,
|
|
1096
1105
|
args: [{ selector: 'klp-form-submit-button', template: "<klp-form-button\n\t\t[variant]=\"variant\"\n\t\t(click)=\"submitForm()\"\n\t\t[disabled]=\"isLoading\"\n\t\t[isLoading]=\"isLoading\"\n\t\t[fullWidth]=\"fullWidth\"\n\t\ttype=\"submit\"\n\t\t[ngClass]=\"fullWidth ? 'fullWidth' : ''\"\n\t>\n\t<ng-content></ng-content>\n</klp-form-button>\n", styles: [":host{display:inline-block}:host._fullWidth{display:block}.fullWidth{width:100%}\n"] }]
|
|
@@ -1104,6 +1113,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
|
|
|
1104
1113
|
type: Input
|
|
1105
1114
|
}], variant: [{
|
|
1106
1115
|
type: Input
|
|
1116
|
+
}], before: [{
|
|
1117
|
+
type: Input
|
|
1118
|
+
}], after: [{
|
|
1119
|
+
type: Input
|
|
1107
1120
|
}], submitCallback: [{
|
|
1108
1121
|
type: Input
|
|
1109
1122
|
}], _: [{
|