ng-ipa-library 1.3.11 → 1.4.1

package/fesm2020/ng-ipa-library.mjs

@@ -887,10 +887,10 @@ class GenerateFormComponent {
     }
 }
 GenerateFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: GenerateFormComponent, deps: [{ token: IPAFormService }], target: i0.ɵɵFactoryTarget.Component });
-GenerateFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", isArabicForm: "isArabicForm", siteKey: "siteKey", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain" }, outputs: { successUpload: "successUpload", fileAdded: "fileAdded", fileDeleted: "fileDeleted" }, ngImport: i0, 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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n                {{generateForm.controls[column.formControlName].value | json}}\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </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", "isArabicForm"] }, { type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: ["id", "label", "items", "textField", "valueField", "required", "firstItemLabel", "searchable", "notFoundText", "classes", "containerClasses", "isArabicForm", "fromGenerateForm"] }, { type: FileUploadComponent, selector: "ipa-file-upload", inputs: ["isArabicForm", "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", "onlyNumber", "pattern", "classes", "containerClasses", "isArabicForm"] }], directives: [{ type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2$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$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "json": i3$1.JsonPipe } });
+GenerateFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", isArabicForm: "isArabicForm", siteKey: "siteKey", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain" }, outputs: { successUpload: "successUpload", fileAdded: "fileAdded", fileDeleted: "fileDeleted" }, ngImport: i0, 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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </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", "isArabicForm"] }, { type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: ["id", "label", "items", "textField", "valueField", "required", "firstItemLabel", "searchable", "notFoundText", "classes", "containerClasses", "isArabicForm", "fromGenerateForm"] }, { type: FileUploadComponent, selector: "ipa-file-upload", inputs: ["isArabicForm", "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", "onlyNumber", "pattern", "classes", "containerClasses", "isArabicForm"] }], directives: [{ type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2$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$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: GenerateFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ipa-generate-form', 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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n                {{generateForm.controls[column.formControlName].value | json}}\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-text-input>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</form>", styles: [""] }]
+            args: [{ selector: 'ipa-generate-form', 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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </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.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-text-input>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</form>", styles: [""] }]
         }], ctorParameters: function () { return [{ type: IPAFormService }]; }, propDecorators: { generateForm: [{
                 type: Input
             }], form: [{
@@ -1337,13 +1337,19 @@ class ErrorInterceptor {
             const response = error.error;
             const toastrConfig = {
                 disableTimeOut: true,
+                closeButton: true,
+                tapToDismiss: false,
             };
             switch (response.statusCode) {
                 case 500:
-                    this.toastrService.error(response?.innerException + ' ' + response?.stackTrace, response.message, toastrConfig);
+                    const message = response?.innerException + ' ' + response?.stackTrace;
+                    const toastr = this.toastrService.error(message, response.message, toastrConfig);
+                    toastr.onShown.subscribe(() => {
+                        this.addCopyButton(message);
+                    });
                     break;
                 default:
-                    this.toastrService.error(response.message, '', toastrConfig);
+                    this.toastrService.error('', response.message, toastrConfig);
                     break;
             }
             return throwError(error);
@@ -1357,6 +1363,21 @@ class ErrorInterceptor {
         }
         return false;
     }
+    addCopyButton(message) {
+        const messageToast = document.getElementsByClassName('toast-message')[0];
+        const icon = document.createElement('i');
+        icon.classList.add('ms-2', 'fas', 'fa-copy');
+        icon.addEventListener('click', () => {
+            this.copyToClipboard(message);
+        });
+        messageToast.appendChild(icon);
+    }
+    copyToClipboard(message) {
+        navigator.clipboard.writeText(message);
+        this.toastrService.success('تم نسخ الرسالة إلى الحافظة', '', {
+            positionClass: 'toast-bottom-right',
+        });
+    }
 }
 ErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ErrorInterceptor, deps: [{ token: ErrorService }, { token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable });
 ErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ErrorInterceptor });
@@ -1423,16 +1444,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                 }]
         }], ctorParameters: function () { return []; } });
 
+class TokenService {
+    constructor() {
+        this.urls = [];
+    }
+    setExceptionUrls(urls) {
+        this.urls = urls;
+    }
+    addExceptionUrl(url) {
+        this.urls.push(url);
+    }
+}
+TokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
 class TokenInterceptor {
-    constructor(authService, http, loaderService) {
+    constructor(authService, http, loaderService, tokenService) {
         this.authService = authService;
         this.http = http;
         this.loaderService = loaderService;
+        this.tokenService = tokenService;
         this.refresh = true;
         this.loaderService.addExceptionUrl({
             path: '/api/users?refresh',
             method: 'GET',
         });
+        this.tokenService.addExceptionUrl({
+            path: '/api/users?refresh',
+            method: 'GET',
+        });
     }
     intercept(request, next) {
         if (this.isException(request)) {
@@ -1478,19 +1524,20 @@ class TokenInterceptor {
             }
         }
     }
-    isException(request) {
-        if (request.url.includes('/api/users?refresh') &&
-            request.method === 'GET') {
-            return true;
+    isException(req) {
+        for (const url of this.tokenService.urls) {
+            if (req.url.includes(url.path) && req.method === url.method) {
+                return true;
+            }
         }
         return false;
     }
 }
-TokenInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenInterceptor, deps: [{ token: AuthService }, { token: i2$4.HttpClient }, { token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+TokenInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenInterceptor, deps: [{ token: AuthService }, { token: i2$4.HttpClient }, { token: LoaderService }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Injectable });
 TokenInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenInterceptor });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenInterceptor, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: AuthService }, { type: i2$4.HttpClient }, { type: LoaderService }]; } });
+        }], ctorParameters: function () { return [{ type: AuthService }, { type: i2$4.HttpClient }, { type: LoaderService }, { type: TokenService }]; } });
 
 class myIPATokenInterceptor {
     constructor(authService) {
@@ -1732,5 +1779,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuthService, BreadcrumbsService, CommonService, DropdownInputComponent, ErrorInterceptor, ErrorService, FileUploadComponent, GenerateFormComponent, GregorianDatepickerComponent, HijriDatePipe, HijriDatepickerComponent, IPAFormService, LoaderComponent, LoaderService, LoadingInterceptor, NgIPALibraryModule, PipesModule, RecaptchaComponent, ShareButtonComponent, ShareButtonModule, TextInputComponent, TextareaInputComponent, TokenInterceptor, myIPATokenInterceptor };
+export { AuthService, BreadcrumbsService, CommonService, DropdownInputComponent, ErrorInterceptor, ErrorService, FileUploadComponent, GenerateFormComponent, GregorianDatepickerComponent, HijriDatePipe, HijriDatepickerComponent, IPAFormService, LoaderComponent, LoaderService, LoadingInterceptor, NgIPALibraryModule, PipesModule, RecaptchaComponent, ShareButtonComponent, ShareButtonModule, TextInputComponent, TextareaInputComponent, TokenInterceptor, TokenService, myIPATokenInterceptor };
 //# sourceMappingURL=ng-ipa-library.mjs.map