ng-ipa-library 0.6.3 → 0.6.7
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/bundles/ng-ipa-library.umd.js +9 -38
- package/bundles/ng-ipa-library.umd.js.map +1 -1
- package/esm2015/lib/generate-form/generate-form.component.js +4 -33
- package/esm2015/lib/models/generateForm.model.js +1 -1
- package/fesm2015/ng-ipa-library.js +3 -32
- package/fesm2015/ng-ipa-library.js.map +1 -1
- package/lib/generate-form/generate-form.component.d.ts +2 -4
- package/lib/models/generateForm.model.d.ts +6 -6
- package/package.json +1 -1
- package/esm2015/lib/models/recaptcha.model.js +0 -2
- package/lib/models/recaptcha.model.d.ts +0 -8
|
@@ -787,7 +787,6 @@
|
|
|
787
787
|
var GenerateFormComponent = /** @class */ (function () {
|
|
788
788
|
function GenerateFormComponent(validationService) {
|
|
789
789
|
this.validationService = validationService;
|
|
790
|
-
// recaptcha inputs
|
|
791
790
|
this.recaptchaSize = 'normal';
|
|
792
791
|
this.lang = 'ar';
|
|
793
792
|
this.recaptchaType = 'image';
|
|
@@ -797,8 +796,6 @@
|
|
|
797
796
|
this.successUpload = new i0.EventEmitter();
|
|
798
797
|
this.fileAdded = new i0.EventEmitter();
|
|
799
798
|
this.fileDeleted = new i0.EventEmitter();
|
|
800
|
-
//recaptcha outputs
|
|
801
|
-
this.recaptchaOutput = new i0.EventEmitter();
|
|
802
799
|
}
|
|
803
800
|
GenerateFormComponent.prototype.ngOnInit = function () {
|
|
804
801
|
this.createForm();
|
|
@@ -841,18 +838,17 @@
|
|
|
841
838
|
: i2$1.Validators.nullValidator,
|
|
842
839
|
]));
|
|
843
840
|
}
|
|
844
|
-
_this.assignRecaptchaData(column);
|
|
845
841
|
});
|
|
846
842
|
};
|
|
847
843
|
GenerateFormComponent.prototype.addCheckboxControl = function (column) {
|
|
848
844
|
var _this = this;
|
|
849
845
|
var checkboxGroup = new i2$1.FormArray(column.data.map(function (item) {
|
|
850
|
-
var
|
|
851
|
-
return new i2$1.FormGroup((
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
846
|
+
var _a;
|
|
847
|
+
return new i2$1.FormGroup((_a = {},
|
|
848
|
+
_a[column.valueField] = new i2$1.FormControl(item[column.valueField]),
|
|
849
|
+
_a[column.textField] = new i2$1.FormControl(item[column.textField]),
|
|
850
|
+
_a.checkbox = new i2$1.FormControl(false, i2$1.Validators.required),
|
|
851
|
+
_a));
|
|
856
852
|
}));
|
|
857
853
|
this.generateForm.addControl(column.englishName, new i2$1.FormControl(null, column.required ? i2$1.Validators.required : i2$1.Validators.nullValidator));
|
|
858
854
|
this.generateForm.addControl('items', checkboxGroup);
|
|
@@ -870,33 +866,10 @@
|
|
|
870
866
|
var selecedItems = items.filter(function (item) { return item.checkbox; });
|
|
871
867
|
return selecedItems.length > 0 ? selecedItems : null;
|
|
872
868
|
};
|
|
873
|
-
GenerateFormComponent.prototype.assignRecaptchaData = function (col) {
|
|
874
|
-
var _a, _b;
|
|
875
|
-
this.recaptchaSize =
|
|
876
|
-
col.recaptchaSize == 'compact'
|
|
877
|
-
? 'compact'
|
|
878
|
-
: col.recaptchaSize == 'normal'
|
|
879
|
-
? 'normal'
|
|
880
|
-
: this.recaptchaSize;
|
|
881
|
-
this.lang = (_a = col.lang) !== null && _a !== void 0 ? _a : this.lang;
|
|
882
|
-
this.recaptchaType =
|
|
883
|
-
col.recaptchaType == 'image'
|
|
884
|
-
? 'image'
|
|
885
|
-
: col.recaptchaType == 'audio'
|
|
886
|
-
? 'audio'
|
|
887
|
-
: this.recaptchaType;
|
|
888
|
-
this.theme =
|
|
889
|
-
col.theme == 'dark'
|
|
890
|
-
? 'dark'
|
|
891
|
-
: col.theme == 'light'
|
|
892
|
-
? 'light'
|
|
893
|
-
: this.theme;
|
|
894
|
-
this.useGlobalDomain = (_b = col.useGlobalDomain) !== null && _b !== void 0 ? _b : this.useGlobalDomain;
|
|
895
|
-
};
|
|
896
869
|
return GenerateFormComponent;
|
|
897
870
|
}());
|
|
898
871
|
GenerateFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: GenerateFormComponent, deps: [{ token: IPAFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
899
|
-
GenerateFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain"
|
|
872
|
+
GenerateFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", siteKey: "siteKey", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain" }, outputs: { successUpload: "successUpload", fileAdded: "fileAdded", fileDeleted: "fileDeleted" }, ngImport: i0__namespace, template: "<form [formGroup]=\"generateForm\">\r\n <ng-container *ngFor=\"let column of form.columns\">\r\n <div [ngSwitch]=\"column.type\">\r\n <!-- TEXTAREA -->\r\n <div *ngSwitchCase=\"'textArea'\">\r\n <ipa-textarea-input [formControlName]=\"column.englishName\" [id]=\"column.englishName\"\r\n [label]=\"column.arabicLabel\" [required]=\"column.required\" [pattern]=\"column.validationPattern\"\r\n [patternErrorMsg]=\"column.patternErrorMsg\" [classes]=\"column.inputClasses\"\r\n [containerClasses]=\"column.containerClasses\"></ipa-textarea-input>\r\n </div>\r\n\r\n <!-- DROP DOWN LIST -->\r\n <div *ngSwitchCase=\"'select'\">\r\n <ipa-dropdown-input [formControlName]=\"column.englishName\" [id]=\"column.englishName\"\r\n [label]=\"column.arabicLabel\" [items]=\"column.data\" [valueField]=\"column.valueField\"\r\n [textField]=\"column.textField\" [required]=\"column.required\" [pattern]=\"column.validationPattern\"\r\n [patternErrorMsg]=\"column.patternErrorMsg\" [classes]=\"column.inputClasses\"\r\n [containerClasses]=\"column.containerClasses\">\r\n </ipa-dropdown-input>\r\n </div>\r\n\r\n <!-- CHECKBOX -->\r\n <div *ngSwitchCase=\"'checkbox'\">\r\n <label [for]=\"column.englishName\">{{column.arabicLabel}}</label>\r\n <div [formArrayName]=\"'items'\" *ngFor=\"let control of formControls.controls; let i = index\">\r\n <div [formGroupName]=\"i\" [id]=\"column.englishName\">\r\n <div class=\"form-check\">\r\n <input [id]=\"column.englishName+control.value.id\" class=\"form-check-input\" type=\"checkbox\"\r\n formControlName=\"checkbox\">\r\n <label class=\"form-check-label\" [for]=\"column.englishName+control.value.id\">\r\n {{control.value.description}}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n *ngIf=\"getErrorMessage(column.englishName) !== null\">\r\n {{errorMsg}}\r\n </div>\r\n </div>\r\n\r\n <!-- RADIO -->\r\n <div *ngSwitchCase=\"'radio'\">\r\n <label [for]=\"column.englishName\">{{column.arabicLabel}}</label>\r\n <div *ngFor=\"let item of column.data; let i = index\" [id]=\"column.englishName\">\r\n <div class=\"form-check\">\r\n <input [id]=\"column.englishName+item.id\" class=\"form-check-input\" type=\"radio\"\r\n [formControlName]=\"column.englishName\" [value]=\"item.id\">\r\n <label class=\"form-check-label\" [for]=\"column.englishName+item.id\">\r\n {{item.description}}\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n *ngIf=\"getErrorMessage(column.englishName) !== null\">\r\n {{errorMsg}}\r\n </div>\r\n </div>\r\n\r\n <!-- FILE UPLOAD -->\r\n <div *ngSwitchCase=\"'file'\">\r\n <ipa-file-upload [label]=\"column.arabicLabel\" [acceptedFiles]=\"column.acceptedFiles\"\r\n [multiple]=\"column.multipleFile\" [maxFileSize]=\"column.size\" [method]=\"column.apiURlMethod\"\r\n [autoUpload]=\"column.autoUploadFile\" [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization\"\r\n ngDefaultControl [formControlName]=\"column.englishName\" (successUpload)=\"SuccessUpload($event)\"\r\n (fileAdded)=\"FileAdded($event, column.englishName)\"\r\n (fileDeleted)=\"FileDeleted($event, column.englishName)\"></ipa-file-upload>\r\n </div>\r\n\r\n <!-- recaptcha -->\r\n <div *ngSwitchCase=\"'recaptcha'\">\r\n <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"lang\" [theme]=\"theme\"\r\n [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n formControlName=\"{{column.englishName}}\"></ipa-recaptcha>\r\n </div>\r\n\r\n <!-- DEFAULT -->\r\n <div *ngSwitchDefault>\r\n <ipa-text-input [formControlName]=\"column.englishName\" [id]=\"column.englishName\" [type]=\"column.type\"\r\n [label]=\"column.arabicLabel\" [required]=\"column.required\" [pattern]=\"column.validationPattern\"\r\n [patternErrorMsg]=\"column.patternErrorMsg\" [classes]=\"column.inputClasses\"\r\n [containerClasses]=\"column.containerClasses\"></ipa-text-input>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</form>", styles: [""], components: [{ type: TextareaInputComponent, selector: "ipa-textarea-input", inputs: ["id", "placeholder", "label", "required", "patternErrorMsg", "pattern", "classes", "containerClasses"] }, { type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: ["id", "label", "items", "textField", "valueField", "required", "disabled", "patternErrorMsg", "pattern", "classes", "containerClasses"] }, { type: FileUploadComponent, selector: "ipa-file-upload", inputs: ["label", "required", "acceptedFiles", "multiple", "maxFileSize", "method", "autoUpload", "apiUrl", "authorization"], outputs: ["successUpload", "fileAdded", "fileDeleted"] }, { type: RecaptchaComponent, selector: "ipa-recaptcha", inputs: ["siteKey", "recaptchaSize", "lang", "recaptchaType", "theme", "useGlobalDomain"] }, { type: TextInputComponent, selector: "ipa-text-input", inputs: ["id", "type", "placeholder", "label", "required", "patternErrorMsg", "pattern", "classes", "containerClasses"] }], directives: [{ type: i2__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2__namespace$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2__namespace$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i2__namespace$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i2__namespace$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i2__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2__namespace$1.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__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
900
873
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: GenerateFormComponent, decorators: [{
|
|
901
874
|
type: i0.Component,
|
|
902
875
|
args: [{
|
|
@@ -908,6 +881,8 @@
|
|
|
908
881
|
type: i0.Input
|
|
909
882
|
}], form: [{
|
|
910
883
|
type: i0.Input
|
|
884
|
+
}], siteKey: [{
|
|
885
|
+
type: i0.Input
|
|
911
886
|
}], recaptchaSize: [{
|
|
912
887
|
type: i0.Input
|
|
913
888
|
}], lang: [{
|
|
@@ -918,16 +893,12 @@
|
|
|
918
893
|
type: i0.Input
|
|
919
894
|
}], useGlobalDomain: [{
|
|
920
895
|
type: i0.Input
|
|
921
|
-
}], authorization: [{
|
|
922
|
-
type: i0.Input
|
|
923
896
|
}], successUpload: [{
|
|
924
897
|
type: i0.Output
|
|
925
898
|
}], fileAdded: [{
|
|
926
899
|
type: i0.Output
|
|
927
900
|
}], fileDeleted: [{
|
|
928
901
|
type: i0.Output
|
|
929
|
-
}], recaptchaOutput: [{
|
|
930
|
-
type: i0.Output
|
|
931
902
|
}] } });
|
|
932
903
|
|
|
933
904
|
var DatepickerComponent = /** @class */ (function () {
|