ng-ipa-library 0.7.5 → 0.7.6

package/fesm2015/ng-ipa-library.js

@@ -1,1630 +0,0 @@
-import * as i3$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Pipe, NgModule, Injectable, Component, Self, ViewChild, Input, ElementRef, EventEmitter, Output } from '@angular/core';
-import * as i2$1 from '@angular/forms';
-import { FormControl, Validators, FormArray, FormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i1 from 'ngx-toastr';
-import { ToastrModule } from 'ngx-toastr';
-export * from 'ngx-toastr';
-import * as i2$2 from 'ngx-dropzone-wrapper';
-import { DropzoneDirective, DropzoneModule } from 'ngx-dropzone-wrapper';
-import * as i2$3 from 'ngx-captcha';
-import { NgxCaptchaModule } from 'ngx-captcha';
-import momentHijri from 'moment-hijri';
-import * as i2 from '@ng-bootstrap/ng-bootstrap';
-import { NgbDatepickerI18n, NgbCalendar, NgbCalendarIslamicUmalqura, NgbCalendarGregorian, NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
-import * as i3 from '@ng-select/ng-select';
-import { NgSelectModule } from '@ng-select/ng-select';
-export * from '@ng-select/ng-select';
-import * as i5 from '@angular/cdk/bidi';
-import { BehaviorSubject, Observable, throwError } from 'rxjs';
-import { OverlayModule } from '@angular/cdk/overlay';
-import * as i1$2 from '@fortawesome/angular-fontawesome';
-import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import { fas } from '@fortawesome/free-solid-svg-icons';
-import { ShareIconsModule } from 'ngx-sharebuttons/icons';
-import * as i1$1 from 'ngx-sharebuttons/popup';
-import { ShareButtonsPopupModule } from 'ngx-sharebuttons/popup';
-import * as i2$4 from '@angular/common/http';
-import { HttpResponse } from '@angular/common/http';
-import { catchError } from 'rxjs/operators';
-
-class HijriDatePipe {
-    transform(date, format = 'iYYYY-iMM-iDD', lang = 'en') {
-        momentHijri.locale(lang);
-        return momentHijri(date).format(format);
-    }
-}
-HijriDatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: HijriDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-HijriDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: HijriDatePipe, name: "hijriDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: HijriDatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'hijriDate',
-                }]
-        }] });
-
-class PipesModule {
-}
-PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: PipesModule, declarations: [HijriDatePipe], exports: [HijriDatePipe] });
-PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: PipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: PipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [HijriDatePipe],
-                    exports: [HijriDatePipe],
-                }]
-        }] });
-
-class IPAFormService {
-    constructor(parserFormatter) {
-        this.parserFormatter = parserFormatter;
-    }
-    /**
-     * check link is valid.
-     */
-    static linkValidation(control) {
-        const isValidLink = /^((https?:\/\/)[\w-]+(\.[a-z-]+)+\.?(:\d+)?(\/\S*)?)$/.test(control.value);
-        return isValidLink || !control.value ? null : { link: true };
-    }
-    /**
-     * check mp4 link is valid.
-     */
-    static mp4LinkValidation(control) {
-        const isValidLink = /^((https?:\/\/)[\w-]+(\.[a-z-]+)+\.?(:\d+)?(\/\S*)?(\/[\w\u0600-\u06FF]+\.mp4))$/.test(control.value);
-        return isValidLink || !control.value ? null : { linkMP4: true };
-    }
-    /**
-     * check mobile number is valid.
-     */
-    static mobileNo(control) {
-        const isValidLink = /^05\d{8}$/.test(control.value);
-        return isValidLink || !control.value ? null : { mobileNo: true };
-    }
-    /**
-     * check email is valid.
-     */
-    static email(control) {
-        const isValidLink = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)|(\".+\"))@(([^<>()[\]\.,;:\s@\"]+\.)+[^<>()[\]\.,;:\s@\"]{2,})$/.test(control.value);
-        return isValidLink || !control.value ? null : { Email: true };
-    }
-    /**
-     * check national ID or iqama ID is valid.
-     */
-    static checkID(control) {
-        let isValid = false;
-        const value = control.value;
-        if (IPAFormService.nationalIdValidate(value) ||
-            IPAFormService.iqamaIdValidate(value)) {
-            isValid = true;
-        }
-        else {
-            isValid = false;
-        }
-        return isValid || !value ? null : { checkId: true };
-    }
-    getErrorMessage(control, patternErrorMsg = '') {
-        for (const propertyName in control === null || control === void 0 ? void 0 : control.errors) {
-            if ((control === null || control === void 0 ? void 0 : control.errors.hasOwnProperty(propertyName)) &&
-                (control.touched || control.dirty)) {
-                return this.getValidatorErrorMessage(propertyName, control.errors[propertyName], patternErrorMsg);
-            }
-        }
-        return null;
-    }
-    /**
-     * convert gregorian date to hijri date (Based on Umm al-Qura calculations).
-     * @param date: gregorian date
-     * @param format: iDD => day: ١٥, iMM => month: ٠٤, iMMM => month: ربيع ٢,
-     *               iMMMM => ربيع الثاني,  iYY => year: ٤٢, iYYYY => year: ١٤٤٢,
-     *               dd => ن, ddd => إثنين, dddd => الإثنين
-     * @example 'iYYYY/iM/iDهـ الموافق YYYY/M/Dم'
-     *           '١٤٤٢/٠٤/١٥هـ الموافق ٢٠٢٠/١١/٣٠'
-     */
-    convertToHijriDate(date, format = 'iYYYY-iMM-iDD', lang = 'ar-SA') {
-        momentHijri.locale(lang);
-        return momentHijri(date).format(format);
-    }
-    convertToGregorianDate(date, format = 'YYYY-MM-DD', lang = 'en') {
-        momentHijri.locale(lang);
-        const m = momentHijri.iConvert.toGregorian(date.year(), date.month(), date.date());
-        return momentHijri(new Date(m.gy, m.gm, m.gd)).format(format);
-    }
-    getCurrentHijriDate() {
-        momentHijri.locale('en');
-        return momentHijri().format('iYYYY/iMM/iDD');
-    }
-    getValidatorErrorMessage(validatorName, validatorValue, patternErrorMsg) {
-        if (validatorName === 'pattern') {
-            validatorValue = this.addPatternMsg(validatorValue, patternErrorMsg);
-        }
-        const config = {
-            required: 'هذا الحقل مطلوب',
-            pattern: `${validatorValue.message}`,
-            Email: 'خطأ في البريد الالكتروني (example@ipa.edu.sa)',
-            maxlength: `تجاوز عدد الحقل المسموح بها (${validatorValue.requiredLength}) حرف`,
-            minlength: `على الأقل عدد ${validatorValue.requiredLength} حرف.`,
-            min: `رقم اكبر من أو يساوي ${validatorValue.min}`,
-            max: `رقم اصغر من أو يساوي ${validatorValue.max}`,
-            ngbDate: this.getNgbDatepickerErrorMsg(validatorValue),
-            checkId: 'رقم الهوية أو الاقامة غير صحيح',
-            link: 'الرابط غير صحيح (http://google.com)',
-            linkMP4: 'الرابط غير صحيح (http://example.com/a.mp4)',
-            mobileNo: 'خطأ في رقم الجوال (05xxxxxxxx)',
-        };
-        return config[validatorName];
-    }
-    addPatternMsg(validatorValue, patternErrorMsg) {
-        let pattern = Object.assign(Object.assign({}, validatorValue), { message: patternErrorMsg });
-        return pattern;
-    }
-    getNgbDatepickerErrorMsg(validatorValue) {
-        let msg = '';
-        if (validatorValue.maxDate) {
-            msg = `التاريخ المدخل "${this.parserFormatter.format(validatorValue.maxDate.actual)}" اكبر من تاريخ اليوم "${this.parserFormatter.format(validatorValue.maxDate.maxDate)}"`;
-        }
-        else if (validatorValue.minDate) {
-            msg = `التاريخ المدخل "${this.parserFormatter.format(validatorValue.minDate.actual)}" يجب ان يكون اكبر من أو يساوي تاريخ البداية "${this.parserFormatter.format(validatorValue.minDate.minDate)}"`;
-        }
-        else if (validatorValue.invalid) {
-            msg = `التاريخ المدخل غير صحيح ${validatorValue.invalid}.`;
-        }
-        return msg;
-    }
-    static convertToEn(value) {
-        let newValue = '';
-        for (let i = 0; i < value.length; i++) {
-            let ch = value.charCodeAt(i);
-            if (ch >= 1584 && ch <= 1650) {
-                let newChar = ch - 1584;
-                newValue = newValue + String.fromCharCode(newChar);
-            }
-            else {
-                newValue = newValue + String.fromCharCode(ch);
-            }
-        }
-        return newValue;
-    }
-    static nationalIdValidate(civilId) {
-        if (civilId) {
-            let strID = this.convertToEn(civilId);
-            let digits = '';
-            let counter = 0;
-            while (counter < 9) {
-                if ((counter + 1) % 2 == 0) {
-                    digits = digits + strID.substring(counter, counter + 1);
-                }
-                else {
-                    digits =
-                        digits + (+strID.substring(counter, counter + 1) * 2).toString();
-                }
-                counter++;
-            }
-            let intSum = 0;
-            let intSumTemp = 0;
-            let strSum;
-            let intOddSumDigit;
-            let CheckDigit;
-            counter = 0;
-            while (counter < digits.length) {
-                intSumTemp = +digits.charAt(counter) * 1;
-                intSum += intSumTemp;
-                counter++;
-            }
-            strSum = intSum.toString();
-            if (strSum.length == 1) {
-                intOddSumDigit = intSum;
-            }
-            else {
-                intOddSumDigit = strSum.substring(strSum.length, strSum.length - 1);
-            }
-            if (intOddSumDigit == 0) {
-                CheckDigit = 0;
-            }
-            else {
-                CheckDigit = (10 - +intOddSumDigit).toString();
-            }
-            let PublicID = this.convertToEn(civilId);
-            if (CheckDigit ==
-                PublicID.substring(PublicID.length - 1, PublicID.length) &&
-                strID.length == 10 &&
-                strID.substring(0, 1) == '1') {
-                return true;
-            }
-            else {
-                return false;
-            }
-        }
-        else {
-            return false;
-        }
-    }
-    static iqamaIdValidate(civilId) {
-        if (civilId) {
-            let strID = this.convertToEn(civilId);
-            let digits = '';
-            let counter = 0;
-            while (counter < 9) {
-                if ((counter + 1) % 2 == 0) {
-                    digits = digits + strID.substring(counter, counter + 1);
-                }
-                else {
-                    digits =
-                        digits + (+strID.substring(counter, counter + 1) * 2).toString();
-                }
-                counter++;
-            }
-            let intSum = 0;
-            let intSumTemp = 0;
-            let strSum;
-            let intOddSumDigit;
-            let CheckDigit;
-            counter = 0;
-            while (counter < digits.length) {
-                intSumTemp = +digits.charAt(counter) * 1;
-                intSum += intSumTemp;
-                counter++;
-            }
-            strSum = intSum.toString();
-            if (strSum.length == 1) {
-                intOddSumDigit = intSum;
-            }
-            else {
-                intOddSumDigit = strSum.substring(strSum.length, strSum.length - 1);
-            }
-            if (intOddSumDigit == 0) {
-                CheckDigit = 0;
-            }
-            else {
-                CheckDigit = (10 - +intOddSumDigit).toString();
-            }
-            let PublicID = this.convertToEn(civilId);
-            if (CheckDigit ==
-                PublicID.substring(PublicID.length - 1, PublicID.length) &&
-                strID.length == 10 &&
-                strID.substring(0, 1) == '2') {
-                return true;
-            }
-            else {
-                return false;
-            }
-        }
-        else {
-            return false;
-        }
-    }
-}
-IPAFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: IPAFormService, deps: [{ token: i2.NgbDateParserFormatter }], target: i0.ɵɵFactoryTarget.Injectable });
-IPAFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: IPAFormService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: IPAFormService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i2.NgbDateParserFormatter }]; } });
-
-class TextInputComponent {
-    constructor(validationService, controlDir) {
-        this.validationService = validationService;
-        this.controlDir = controlDir;
-        this.type = 'text';
-        this.placeholder = 'please enter text';
-        this.label = 'text input';
-        this.required = false;
-        this.patternErrorMsg = 'invalid pattern';
-        this.pattern = '';
-        this.formControl = new FormControl('');
-        this.controlDir.valueAccessor = this;
-    }
-    ngOnInit() {
-        const control = this.controlDir.control;
-        const validators = (control === null || control === void 0 ? void 0 : control.validator) ? [control.validator] : [];
-        control === null || control === void 0 ? void 0 : control.setValidators(validators);
-        control === null || control === void 0 ? void 0 : control.updateValueAndValidity();
-        this.formControl = control;
-    }
-    onChange(event) { }
-    onTouched() { }
-    writeValue(obj) {
-        this.input.nativeElement.value = obj || '';
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    get errorMessage() {
-        this.errorMsg = this.validationService.getErrorMessage(this.formControl, this.patternErrorMsg);
-        return this.errorMsg;
-    }
-}
-TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: TextInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
-TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: TextInputComponent, selector: "ipa-text-input", inputs: { id: "id", type: "type", placeholder: "placeholder", label: "label", required: "required", patternErrorMsg: "patternErrorMsg", pattern: "pattern", classes: "classes", containerClasses: "containerClasses" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"form-floating {{containerClasses}}\">\r\n    <input #input id=\"{{id}}\" class=\"form-control {{classes}}\" [type]=\"type\" [required]=\"required\" pattern=\"{{pattern}}\"\r\n        placeholder=\"{{placeholder}}\" [formControl]=\"formControl\" (input)=\"onChange(controlDir.control?.value)\"\r\n        (blur)=\"onTouched()\"\r\n        [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <div class=\"invalid-feedback\" *ngIf=\"errorMessage !== null\">\r\n        {{errorMsg}}\r\n    </div>\r\n</div>", styles: [""], directives: [{ 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: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-text-input',
-                    templateUrl: './text-input.component.html',
-                    styleUrls: ['./text-input.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2$1.NgControl, decorators: [{
-                    type: Self
-                }] }]; }, propDecorators: { input: [{
-                type: ViewChild,
-                args: ['input', { static: true }]
-            }], id: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], patternErrorMsg: [{
-                type: Input
-            }], pattern: [{
-                type: Input
-            }], classes: [{
-                type: Input
-            }], containerClasses: [{
-                type: Input
-            }] } });
-
-class TextareaInputComponent {
-    constructor(validationService, controlDir) {
-        this.validationService = validationService;
-        this.controlDir = controlDir;
-        this.input = new ElementRef(null);
-        this.placeholder = 'please enter text';
-        this.label = 'textarea input';
-        this.required = false;
-        this.patternErrorMsg = 'invalid pattern';
-        this.formControl = new FormControl('');
-        this.controlDir.valueAccessor = this;
-    }
-    ngOnInit() {
-        const control = this.controlDir.control;
-        const validators = (control === null || control === void 0 ? void 0 : control.validator) ? [control.validator] : [];
-        control === null || control === void 0 ? void 0 : control.setValidators(validators);
-        control === null || control === void 0 ? void 0 : control.updateValueAndValidity();
-        this.formControl = control;
-    }
-    onChange(event) { }
-    onTouched() { }
-    writeValue(obj) {
-        this.input.nativeElement.value = obj || '';
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    get errorMessage() {
-        this.errorMsg = this.validationService.getErrorMessage(this.formControl, this.patternErrorMsg);
-        return this.errorMsg;
-    }
-}
-TextareaInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: TextareaInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
-TextareaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: TextareaInputComponent, selector: "ipa-textarea-input", inputs: { id: "id", placeholder: "placeholder", label: "label", required: "required", patternErrorMsg: "patternErrorMsg", pattern: "pattern", classes: "classes", containerClasses: "containerClasses" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"form-floating {{containerClasses}}\">\r\n    <textarea #input id=\"{{id}}\" class=\"form-control {{classes}}\" [required]=\"required\" pattern=\"{{pattern}}\"\r\n        placeholder=\"{{placeholder}}\" [formControl]=\"formControl\" (input)=\"onChange(controlDir.control?.value)\"\r\n        (blur)=\"onTouched()\"\r\n        [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\">\r\n    </textarea>\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <div class=\"invalid-feedback\" *ngIf=\"errorMessage !== null\">\r\n        {{errorMsg}}\r\n    </div>\r\n</div>", styles: [""], directives: [{ 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: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: TextareaInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-textarea-input',
-                    templateUrl: './textarea-input.component.html',
-                    styleUrls: ['./textarea-input.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2$1.NgControl, decorators: [{
-                    type: Self
-                }] }]; }, propDecorators: { input: [{
-                type: ViewChild,
-                args: ['input', { static: true }]
-            }], id: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], patternErrorMsg: [{
-                type: Input
-            }], pattern: [{
-                type: Input
-            }], classes: [{
-                type: Input
-            }], containerClasses: [{
-                type: Input
-            }] } });
-
-class DropdownInputComponent {
-    constructor(validationService, controlDir) {
-        this.validationService = validationService;
-        this.controlDir = controlDir;
-        this.label = 'text input';
-        this.items = [];
-        this.required = false;
-        this.searchable = false;
-        this.notFoundText = 'لا يوجد بيانات';
-        this.formControl = new FormControl('');
-        this.controlDir.valueAccessor = this;
-    }
-    ngOnInit() {
-        const control = this.controlDir.control;
-        const validators = (control === null || control === void 0 ? void 0 : control.validator) ? [control.validator] : [];
-        control === null || control === void 0 ? void 0 : control.setValidators(validators);
-        control === null || control === void 0 ? void 0 : control.updateValueAndValidity();
-        this.formControl = control;
-        this.formControl.patchValue(null);
-    }
-    onChange(event) { }
-    onTouched() { }
-    writeValue(obj) {
-        if (this.input)
-            this.input.value = obj || '';
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    get errorMessage() {
-        this.errorMsg = this.validationService.getErrorMessage(this.formControl);
-        return this.errorMsg;
-    }
-}
-DropdownInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: DropdownInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
-DropdownInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: { id: "id", label: "label", items: "items", textField: "textField", valueField: "valueField", required: "required", searchable: "searchable", notFoundText: "notFoundText", classes: "classes", containerClasses: "containerClasses" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["select"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"form-floating {{containerClasses}}\"\r\n  [ngClass]=\"{'was-validated': (controlDir.control?.dirty || controlDir.control?.touched) && required}\">\r\n\r\n  <!-- searchable is false -->\r\n  <ng-container *ngIf=\"!searchable\">\r\n    <select #select id=\"{{id}}\" class=\"form-select {{classes}}\" [required]=\"required\" [formControl]=\"formControl\">\r\n      <option *ngFor=\"let item of items\" [value]=\"valueField ? item[valueField] : item\">\r\n        {{textField ? item[textField] : item}}</option>\r\n    </select>\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n  </ng-container>\r\n\r\n  <!-- searchable is true -->\r\n  <ng-select *ngIf=\"searchable\" #select dir=\"rtl\" class=\"{{classes}}\" [formControl]=\"formControl\" [items]=\"items\"\r\n    [placeholder]=\"label\" [notFoundText]=\"notFoundText\" [required]=\"required\" [bindValue]=\"valueField\"\r\n    [bindLabel]=\"textField\"\r\n    [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\">\r\n  </ng-select>\r\n  <div class=\"invalid-feedback\" *ngIf=\"errorMessage !== null\">\r\n    {{errorMsg}}\r\n  </div>\r\n</div>", styles: [""], components: [{ type: i3.NgSelectComponent, selector: "ng-select", inputs: ["markFirst", "dropdownPosition", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "bufferAmount", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "bindLabel", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "virtualScroll", "openOnEnter", "appendTo", "bindValue", "appearance", "maxSelectedItems", "groupBy", "groupValue", "tabIndex", "typeahead"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }], directives: [{ type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i5.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: DropdownInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-dropdown-input',
-                    templateUrl: './dropdown-input.component.html',
-                    styleUrls: ['./dropdown-input.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2$1.NgControl, decorators: [{
-                    type: Self
-                }] }]; }, propDecorators: { input: [{
-                type: ViewChild,
-                args: ['select', { static: true }]
-            }], id: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], textField: [{
-                type: Input
-            }], valueField: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], searchable: [{
-                type: Input
-            }], notFoundText: [{
-                type: Input
-            }], classes: [{
-                type: Input
-            }], containerClasses: [{
-                type: Input
-            }] } });
-
-class LoaderService {
-    constructor() {
-        this.isLoading = new BehaviorSubject(false);
-        this.urls = [];
-    }
-    setExceptionUrls(urls) {
-        this.urls = urls;
-    }
-    addExceptionUrl(url) {
-        this.urls.push(url);
-    }
-}
-LoaderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class LoaderComponent {
-    constructor(loaderService, cdr) {
-        this.loaderService = loaderService;
-        this.cdr = cdr;
-    }
-    ngAfterViewInit() {
-        this.loaderService.isLoading.subscribe((v) => {
-            this.loading = v;
-            this.cdr.detectChanges();
-        });
-    }
-}
-LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoaderComponent, deps: [{ token: LoaderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: LoaderComponent, selector: "ipa-loader", ngImport: i0, template: "<div id=\"cover-spin\" *ngIf=\"loading\">\r\n  <div class=\"spinner\"></div>\r\n</div>\r\n", styles: ["#cover-spin{display:flex}\n"], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoaderComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-loader',
-                    templateUrl: './loading.component.html',
-                    styleUrls: ['./loading.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: LoaderService }, { type: i0.ChangeDetectorRef }]; } });
-
-class FileUploadComponent {
-    constructor(
-    // private authService: AuthService,
-    toastrService) {
-        this.toastrService = toastrService;
-        this.label = '';
-        this.required = false;
-        this.acceptedFiles = '';
-        this.multiple = 1; // set maxFiles (NOT uploadMultiple)in the config object,
-        this.maxFileSize = 2;
-        this.method = 'POST';
-        this.autoUpload = false;
-        this.apiUrl = 'apiUrl';
-        this.successUpload = new EventEmitter();
-        this.fileAdded = new EventEmitter();
-        this.fileDeleted = new EventEmitter();
-        this.dragEnter = false;
-        this.errors = [];
-        this.filesAdded = [];
-        this.currentFiles = [];
-    }
-    ngOnInit() {
-        this.label = 'رفع ' + this.label;
-        this.config = {
-            url: this.apiUrl,
-            method: this.method,
-            headers: {
-                Authorization: 'Bearer ' + this.authorization,
-            },
-            maxFilesize: this.maxFileSize,
-            maxFiles: this.multiple,
-            uploadMultiple: this.multiple > 1,
-            dictInvalidFileType: 'صيغة الملف غير مسموح بها',
-            dictFileTooBig: 'الحجم تجاوز الحد المسموح',
-            dictMaxFilesExceeded: 'الرجاء حذف الملفات الموجودة حاليا لتتمكن من رفع هذا الملف',
-            acceptedFiles: this.acceptedFiles,
-            autoProcessQueue: this.autoUpload,
-            previewTemplate: '<span></span>',
-        };
-    }
-    operationCompleted(e) {
-        if (this.filesAdded.length > 0) {
-            this.successUpload.emit(this.filesAdded);
-            this.filesAdded = [];
-        }
-        this.dropzoneDir.reset();
-    }
-    onUploadSuccess(e) {
-        const file = e[0];
-        if (file.status === 'success') {
-            this.filesAdded.push(file);
-        }
-        this.toastrService.success('تم تحميل المرفقات بنجاح');
-    }
-    onUploadError(e) {
-        if (e[1]) {
-            this.errors = [];
-            this.errors.push(`${e[1]} (${e[0].name})`);
-        }
-    }
-    fileWasAdded(e) {
-        const myDropzone = this.dropzoneDir.dropzone();
-        if (this.multiple === 1) {
-            this.currentFiles = [];
-            this.filesAdded = [];
-            this.errors = [];
-            const files = myDropzone.files;
-            if (files.length > 1) {
-                myDropzone.removeFile(files[0]);
-            }
-        }
-        this.currentFiles.push(e);
-        this.fileAdded.emit(e);
-    }
-    sending(e) {
-        this.errors = [];
-    }
-    reset(e) { }
-    deleteFile(file) {
-        this.currentFiles = this.currentFiles.filter((x) => x.name !== file.name && x.size !== file.size);
-        this.errors = [];
-        this.fileDeleted.emit();
-    }
-}
-FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
-FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: FileUploadComponent, selector: "ipa-file-upload", inputs: { label: "label", required: "required", acceptedFiles: "acceptedFiles", multiple: "multiple", maxFileSize: "maxFileSize", method: "method", autoUpload: "autoUpload", apiUrl: "apiUrl", authorization: "authorization" }, outputs: { successUpload: "successUpload", fileAdded: "fileAdded", fileDeleted: "fileDeleted" }, viewQueries: [{ propertyName: "dropzoneDir", first: true, predicate: DropzoneDirective, descendants: true }], ngImport: i0, template: "<div class=\"file-upload\">\r\n    <div class=\"upload-overlay\" [dropzone]=\"config\" (error)=\"onUploadError($event)\"\r\n        (queueComplete)=\"operationCompleted($event)\" (success)=\"onUploadSuccess($event)\" (dragenter)=\"dragEnter = true\"\r\n        (dragLeave)=\"dragEnter = false\" (drop)=\"dragEnter = false\" (dragEnd)=\"dragEnter = false\"\r\n        [class.active-border]=\"dragEnter\" (sending)=\"sending($event)\" (reset)=\"reset($event)\"\r\n        (addedFile)=\"fileWasAdded($event)\">\r\n    </div>\r\n    <div class=\"upload-btn-wrapper\">\r\n        <div>\r\n            <div class=\"subtitle mb-2\">\r\n                {{label}}\r\n                <span *ngIf=\"required\" class=\"required\">*</span>\r\n            </div>\r\n            <hr>\r\n            <span style=\"font-size: 12px;\">\u0642\u0645 \u0628\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641 \u0623\u0648 \u0627\u0636\u063A\u0637 \u0647\u0646\u0627</span>\r\n            <i class=\"fas fa-upload upload-icon mr-2\"></i>\r\n        </div>\r\n        <div *ngIf=\"acceptedFiles.length > 0\" class=\"allowed-extensions\">\r\n            \u0627\u0644\u0635\u064A\u063A\u0629 \u0627\u0644\u0645\u0633\u0645\u0648\u062D \u0628\u0647\u0627:\r\n            <span class=\"extensions\">{{ acceptedFiles }}</span>\r\n        </div>\r\n        <div class=\"allowed-extensions\">\r\n            \u0627\u0642\u0635\u0649 \u062D\u062C\u0645 \u0644\u0644\u0645\u0631\u0641\u0642:\r\n            <span class=\"extensions\">{{ maxFileSize }} MB</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<div id=\"attachment-status\" style=\"text-align: center; margin-top:10px;\">\r\n    <span style=\"font-size: 14px; margin: auto; font-weight:bold;\" *ngFor=\"let file of currentFiles\">\r\n        {{ file.name }} <i (click)=\"deleteFile(file)\" class=\"fas fa-trash\"\r\n            style=\"color:firebrick; cursor: pointer;\"></i>\r\n        <br>\r\n    </span>\r\n    <ul class=\"list-unstyled\">\r\n        <li class=\"text-danger\" style=\"font-size: 12px;\" *ngFor=\"let error of errors\">{{error}}</li>\r\n    </ul>\r\n</div>", styles: [".subtitle{border-bottom:none;display:block;line-height:2}.file-upload{border:dashed 1px #ccc;display:block;min-height:150px;border-radius:15px;width:350px;cursor:pointer;position:relative;margin:auto}.upload-overlay{position:absolute;width:100%;height:100%}.upload-btn-wrapper{text-align:center}.upload-icon{margin-right:5px}.list-unstyled{margin:10px!important;padding:14px!important;list-style:none}.allowed-extensions{color:#4d7297}.required{color:#dc3545;font-size:20px}\n"], directives: [{ type: i2$2.DropzoneDirective, selector: "[dropzone]", inputs: ["disabled", "dropzone"], outputs: ["init", "error", "success", "sending", "canceled", "complete", "processing", "drop", "dragStart", "dragEnd", "dragEnter", "dragOver", "dragLeave", "thumbnail", "addedFile", "addedFiles", "removedFile", "uploadProgress", "maxFilesReached", "maxFilesExceeded", "errorMultiple", "successMultiple", "sendingMultiple", "canceledMultiple", "completeMultiple", "processingMultiple", "reset", "queueComplete", "totalUploadProgress"], exportAs: ["ngxDropzone"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: FileUploadComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-file-upload',
-                    templateUrl: './file-upload.component.html',
-                    styleUrls: ['./file-upload.component.scss']
-                }]
-        }], ctorParameters: function () { return [{ type: i1.ToastrService }]; }, propDecorators: { dropzoneDir: [{
-                type: ViewChild,
-                args: [DropzoneDirective, { static: false }]
-            }], label: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], acceptedFiles: [{
-                type: Input
-            }], multiple: [{
-                type: Input
-            }], maxFileSize: [{
-                type: Input
-            }], method: [{
-                type: Input
-            }], autoUpload: [{
-                type: Input
-            }], apiUrl: [{
-                type: Input
-            }], authorization: [{
-                type: Input
-            }], successUpload: [{
-                type: Output
-            }], fileAdded: [{
-                type: Output
-            }], fileDeleted: [{
-                type: Output
-            }] } });
-
-class RecaptchaComponent {
-    constructor(controlDir) {
-        this.controlDir = controlDir;
-        this.siteKey = '6LefJQYdAAAAAIlxmfkjNlWidMk8VukIZcs6lO5e';
-        this.recaptchaSize = 'normal';
-        this.lang = 'ar';
-        this.recaptchaType = 'image';
-        this.theme = 'light';
-        this.useGlobalDomain = true;
-        this.formControl = new FormControl('');
-        this.controlDir.valueAccessor = this;
-    }
-    ngOnInit() {
-        const control = this.controlDir.control;
-        const validators = (control === null || control === void 0 ? void 0 : control.validator) ? [control.validator] : [];
-        control === null || control === void 0 ? void 0 : control.setValidators(validators);
-        control === null || control === void 0 ? void 0 : control.updateValueAndValidity();
-        this.formControl = control;
-    }
-    onChange(event) { }
-    onTouched() { }
-    writeValue(obj) { }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-}
-RecaptchaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: RecaptchaComponent, deps: [{ token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
-RecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: RecaptchaComponent, selector: "ipa-recaptcha", inputs: { siteKey: "siteKey", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain" }, ngImport: i0, template: "<ngx-recaptcha2 [siteKey]=\"siteKey\" [size]=\"recaptchaSize\" [hl]=\"lang\" [theme]=\"theme\" [type]=\"recaptchaType\"\n    [useGlobalDomain]=\"useGlobalDomain\" [formControl]=\"formControl\">\n</ngx-recaptcha2>", styles: [""], components: [{ type: i2$3.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size", "hl"] }], directives: [{ type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: RecaptchaComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-recaptcha',
-                    templateUrl: './recaptcha.component.html',
-                    styleUrls: ['./recaptcha.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: i2$1.NgControl, decorators: [{
-                    type: Self
-                }] }]; }, propDecorators: { siteKey: [{
-                type: Input
-            }], recaptchaSize: [{
-                type: Input
-            }], lang: [{
-                type: Input
-            }], recaptchaType: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], useGlobalDomain: [{
-                type: Input
-            }] } });
-
-class GenerateFormComponent {
-    constructor(validationService) {
-        this.validationService = validationService;
-        this.recaptchaSize = 'normal';
-        this.lang = 'ar';
-        this.recaptchaType = 'image';
-        this.theme = 'light';
-        this.useGlobalDomain = true;
-        // file upload outputs
-        this.successUpload = new EventEmitter();
-        this.fileAdded = new EventEmitter();
-        this.fileDeleted = new EventEmitter();
-    }
-    ngOnInit() {
-        this.createForm();
-    }
-    get formControls() {
-        return this.generateForm.get('items');
-    }
-    getErrorMessage(formControlName) {
-        const formControl = this.generateForm.controls[formControlName];
-        this.errorMsg = this.validationService.getErrorMessage(formControl);
-        return this.errorMsg;
-    }
-    SuccessUpload(event) {
-        this.successUpload.emit(event);
-    }
-    FileAdded(file, formControlName) {
-        this.generateForm.controls[formControlName].patchValue(file);
-        this.fileAdded.emit(file);
-    }
-    FileDeleted(event, formControlName) {
-        this.generateForm.controls[formControlName].patchValue(null);
-        this.fileDeleted.emit(event);
-    }
-    createForm() {
-        this.form.columns.forEach((column) => {
-            if (column.type === 'checkbox') {
-                this.addCheckboxControl(column);
-            }
-            else {
-                this.generateForm.addControl(column.englishName, new FormControl(null, [
-                    column.required ? Validators.required : Validators.nullValidator,
-                    Validators.maxLength(column.size),
-                    column.type === 'number'
-                        ? Validators.min(1)
-                        : Validators.nullValidator,
-                ]));
-            }
-        });
-    }
-    addCheckboxControl(column) {
-        let checkboxGroup = new FormArray(column.data.map((item) => {
-            return new FormGroup({
-                [column.valueField]: new FormControl(item[column.valueField]),
-                [column.textField]: new FormControl(item[column.textField]),
-                checkbox: new FormControl(false, Validators.required),
-            });
-        }));
-        this.generateForm.addControl(column.englishName, new FormControl(null, column.required ? Validators.required : Validators.nullValidator));
-        this.generateForm.addControl('items', checkboxGroup);
-        checkboxGroup.valueChanges.subscribe((value) => {
-            if (this.getCheckboxSelectedValues(value)) {
-                this.generateForm.controls[column.englishName].patchValue(value);
-            }
-            else {
-                this.generateForm.controls[column.englishName].patchValue(null);
-                this.generateForm.controls[column.englishName].markAsTouched();
-            }
-        });
-    }
-    getCheckboxSelectedValues(items) {
-        let selectedItems = items.filter((item) => item.checkbox);
-        return selectedItems.length > 0 ? selectedItems : null;
-    }
-}
-GenerateFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: GenerateFormComponent, deps: [{ token: IPAFormService }], target: i0.ɵɵFactoryTarget.Component });
-GenerateFormComponent.ɵcmp = i0.ɵɵ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, 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\" [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[column.valueField!]\" class=\"form-check-input\" type=\"checkbox\"\r\n                                formControlName=\"checkbox\">\r\n                            <label class=\"form-check-label\" [for]=\"column.englishName+control.value[column.valueField!]\">\r\n                                {{control.value[column.textField!]}}\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[column.valueField!]\" class=\"form-check-input\" type=\"radio\"\r\n                            [formControlName]=\"column.englishName\" [value]=\"item[column.valueField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.englishName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\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", "searchable", "notFoundText", "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$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: ["disabled", "formControlName", "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.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { 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: "12.2.9", ngImport: i0, type: GenerateFormComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-generate-form',
-                    templateUrl: './generate-form.component.html',
-                    styleUrls: ['./generate-form.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }]; }, propDecorators: { generateForm: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], siteKey: [{
-                type: Input
-            }], recaptchaSize: [{
-                type: Input
-            }], lang: [{
-                type: Input
-            }], recaptchaType: [{
-                type: Input
-            }], theme: [{
-                type: Input
-            }], useGlobalDomain: [{
-                type: Input
-            }], successUpload: [{
-                type: Output
-            }], fileAdded: [{
-                type: Output
-            }], fileDeleted: [{
-                type: Output
-            }] } });
-
-class DatepickerComponent {
-    constructor(ipaFormService, calendar, controlDir, config) {
-        this.ipaFormService = ipaFormService;
-        this.calendar = calendar;
-        this.controlDir = controlDir;
-        this.label = 'datepicker';
-        this.patternErrorMsg = 'invalid pattern';
-        this.required = false;
-        this.today = this.calendar.getToday();
-        this.formControl = new FormControl('');
-        this.controlDir.valueAccessor = this;
-        config.container = 'body';
-    }
-    ngOnInit() {
-        const control = this.controlDir.control;
-        const validators = (control === null || control === void 0 ? void 0 : control.validator) ? [control.validator] : [];
-        control === null || control === void 0 ? void 0 : control.setValidators(validators);
-        control === null || control === void 0 ? void 0 : control.updateValueAndValidity();
-        this.formControl = control;
-    }
-    onChange(event) { }
-    onTouched() { }
-    writeValue(obj) { }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    get errorMessage() {
-        this.errorMsg = this.ipaFormService.getErrorMessage(this.formControl, this.patternErrorMsg);
-        return this.errorMsg;
-    }
-}
-DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: DatepickerComponent, deps: [{ token: IPAFormService }, { token: i2.NgbCalendar }, { token: i2$1.NgControl, self: true }, { token: i2.NgbInputDatepickerConfig }], target: i0.ɵɵFactoryTarget.Component });
-DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: DatepickerComponent, selector: "ipa-datepicker", inputs: { id: "id", label: "label", patternErrorMsg: "patternErrorMsg", required: "required", maxDate: "maxDate", minDate: "minDate", classes: "classes", containerClasses: "containerClasses" }, ngImport: i0, template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n    <input id=\"{{id}}\"\r\n        [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\"\r\n        class=\"form-control {{classes}}\" [formControl]=\"formControl\" [firstDayOfWeek]=\"7\" ngbDatepicker\r\n        #d=\"ngbDatepicker\" [maxDate]=\"maxDate\" [minDate]=\"minDate\" [footerTemplate]=\"footerTemplate\"\r\n        [required]=\"required\" style=\"outline: unset; z-index: unset !important;\" autocomplete=\"off\" (blur)=\"onTouched()\" title=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"d.toggle()\">\r\n        <i class=\"far fa-calendar-alt fa-lg\"></i>\r\n    </span>\r\n    <div class=\"invalid-feedback\" *ngIf=\"errorMessage !== null\">\r\n        {{errorMsg}}\r\n    </div>\r\n    <ng-template #footerTemplate style=\"text-align: center;\">\r\n        <hr>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm m-2 \" style=\"width: auto; float: right;\"\r\n            (click)=\"formControl.patchValue(today);d.navigateTo(today);\">\u0627\u0644\u064A\u0648\u0645</button>\r\n        <button type=\"button\" class=\"btn btn-secondary btn-sm m-2\" style=\"width: auto; float: left;\"\r\n            (click)=\"formControl.patchValue(null);d.close()\">\u0645\u0633\u062D</button>\r\n    </ng-template>\r\n</div>", styles: [".calenderBtn{cursor:pointer;background-color:transparent;color:#6c757d;border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.calenderBtn:hover{color:#fff;background-color:#6c757d;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}\n"], directives: [{ type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: DatepickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-datepicker',
-                    templateUrl: './datepicker.component.html',
-                    styleUrls: ['./datepicker.component.scss'],
-                }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2.NgbCalendar }, { type: i2$1.NgControl, decorators: [{
-                    type: Self
-                }] }, { type: i2.NgbInputDatepickerConfig }]; }, propDecorators: { id: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], patternErrorMsg: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], maxDate: [{
-                type: Input
-            }], minDate: [{
-                type: Input
-            }], classes: [{
-                type: Input
-            }], containerClasses: [{
-                type: Input
-            }] } });
-
-const WEEKDAYS$1 = ['ن', 'ث', 'ر', 'خ', 'ج', 'س', 'ح'];
-const MONTHS$1 = [
-    'محرم',
-    'صفر',
-    'ربيع الأول',
-    'ربيع الآخر',
-    'جمادى الأولى',
-    'جمادى الآخرة',
-    'رجب',
-    'شعبان',
-    'رمضان',
-    'شوال',
-    'ذو القعدة',
-    'ذو الحجة',
-];
-class IslamicI18n extends NgbDatepickerI18n {
-    getMonthShortName(month) {
-        return MONTHS$1[month - 1];
-    }
-    getMonthFullName(month) {
-        return MONTHS$1[month - 1];
-    }
-    getWeekdayLabel(weekday, width) {
-        return WEEKDAYS$1[weekday - 1];
-    }
-    getDayAriaLabel(date) {
-        return `${date.day}-${date.month}-${date.year}`;
-    }
-}
-IslamicI18n.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: IslamicI18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-IslamicI18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: IslamicI18n });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: IslamicI18n, decorators: [{
-            type: Injectable
-        }] });
-
-class HijriDatepickerComponent extends DatepickerComponent {
-}
-HijriDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: HijriDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-HijriDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: HijriDatepickerComponent, selector: "ipa-hijri-datepicker", providers: [
-        { provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },
-        { provide: NgbDatepickerI18n, useClass: IslamicI18n },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n    <input id=\"{{id}}\"\r\n        [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\"\r\n        class=\"form-control {{classes}}\" [formControl]=\"formControl\" [firstDayOfWeek]=\"7\" ngbDatepicker\r\n        #d=\"ngbDatepicker\" [maxDate]=\"maxDate\" [minDate]=\"minDate\" [footerTemplate]=\"footerTemplate\"\r\n        [required]=\"required\" style=\"outline: unset; z-index: unset !important;\" autocomplete=\"off\" (blur)=\"onTouched()\" title=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"d.toggle()\">\r\n        <i class=\"far fa-calendar-alt fa-lg\"></i>\r\n    </span>\r\n    <div class=\"invalid-feedback\" *ngIf=\"errorMessage !== null\">\r\n        {{errorMsg}}\r\n    </div>\r\n    <ng-template #footerTemplate style=\"text-align: center;\">\r\n        <hr>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm m-2 \" style=\"width: auto; float: right;\"\r\n            (click)=\"formControl.patchValue(today);d.navigateTo(today);\">\u0627\u0644\u064A\u0648\u0645</button>\r\n        <button type=\"button\" class=\"btn btn-secondary btn-sm m-2\" style=\"width: auto; float: left;\"\r\n            (click)=\"formControl.patchValue(null);d.close()\">\u0645\u0633\u062D</button>\r\n    </ng-template>\r\n</div>", styles: [".calenderBtn{cursor:pointer;background-color:transparent;color:#6c757d;border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.calenderBtn:hover{color:#fff;background-color:#6c757d;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}\n"], directives: [{ type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: HijriDatepickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-hijri-datepicker',
-                    templateUrl: '../datepicker.component.html',
-                    styleUrls: ['../datepicker.component.scss'],
-                    providers: [
-                        { provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },
-                        { provide: NgbDatepickerI18n, useClass: IslamicI18n },
-                    ],
-                }]
-        }] });
-
-const WEEKDAYS = ['ن', 'ث', 'ر', 'خ', 'ج', 'س', 'ح'];
-const MONTHS = [
-    'يناير',
-    'فبراير',
-    'مارس',
-    'أبريل',
-    'مايو',
-    'يونيو',
-    'يوليو',
-    'اغسطس',
-    'سبتمبر',
-    'أكتوبر',
-    'نوفمبر',
-    'ديسمبر',
-];
-class Gregorian18n extends NgbDatepickerI18n {
-    getMonthShortName(month) {
-        return MONTHS[month - 1];
-    }
-    getMonthFullName(month) {
-        return MONTHS[month - 1];
-    }
-    getWeekdayLabel(weekday, width) {
-        return WEEKDAYS[weekday - 1];
-    }
-    getDayAriaLabel(date) {
-        return `${date.day}-${date.month}-${date.year}`;
-    }
-}
-Gregorian18n.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: Gregorian18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-Gregorian18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: Gregorian18n });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: Gregorian18n, decorators: [{
-            type: Injectable
-        }] });
-
-class GregorianDatepickerComponent extends DatepickerComponent {
-}
-GregorianDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: GregorianDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GregorianDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: GregorianDatepickerComponent, selector: "ipa-gregorian-datepicker", providers: [
-        { provide: NgbCalendar, useClass: NgbCalendarGregorian },
-        { provide: NgbDatepickerI18n, useClass: Gregorian18n },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n    <input id=\"{{id}}\"\r\n        [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\"\r\n        class=\"form-control {{classes}}\" [formControl]=\"formControl\" [firstDayOfWeek]=\"7\" ngbDatepicker\r\n        #d=\"ngbDatepicker\" [maxDate]=\"maxDate\" [minDate]=\"minDate\" [footerTemplate]=\"footerTemplate\"\r\n        [required]=\"required\" style=\"outline: unset; z-index: unset !important;\" autocomplete=\"off\" (blur)=\"onTouched()\" title=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"d.toggle()\">\r\n        <i class=\"far fa-calendar-alt fa-lg\"></i>\r\n    </span>\r\n    <div class=\"invalid-feedback\" *ngIf=\"errorMessage !== null\">\r\n        {{errorMsg}}\r\n    </div>\r\n    <ng-template #footerTemplate style=\"text-align: center;\">\r\n        <hr>\r\n        <button type=\"button\" class=\"btn btn-primary btn-sm m-2 \" style=\"width: auto; float: right;\"\r\n            (click)=\"formControl.patchValue(today);d.navigateTo(today);\">\u0627\u0644\u064A\u0648\u0645</button>\r\n        <button type=\"button\" class=\"btn btn-secondary btn-sm m-2\" style=\"width: auto; float: left;\"\r\n            (click)=\"formControl.patchValue(null);d.close()\">\u0645\u0633\u062D</button>\r\n    </ng-template>\r\n</div>", styles: [".calenderBtn{cursor:pointer;background-color:transparent;color:#6c757d;border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.calenderBtn:hover{color:#fff;background-color:#6c757d;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}\n"], directives: [{ type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["disabled", "autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: GregorianDatepickerComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-gregorian-datepicker',
-                    templateUrl: '../datepicker.component.html',
-                    styleUrls: ['../datepicker.component.scss'],
-                    providers: [
-                        { provide: NgbCalendar, useClass: NgbCalendarGregorian },
-                        { provide: NgbDatepickerI18n, useClass: Gregorian18n },
-                    ],
-                }]
-        }] });
-
-class ShareButtonComponent {
-    constructor() {
-        this.title = '';
-        this.description = '';
-        this.btnLabel = '';
-    }
-    ngAfterViewInit() {
-        const elements = document.getElementsByClassName('sb-show-icon');
-        elements[0].setAttribute('type', 'button');
-        elements[0].setAttribute('id', 'IPAShareBtn');
-        const label = document.createElement('label');
-        label.innerHTML = this.btnLabel;
-        label.classList.add('sm-share-title');
-        label.classList.add('me-1');
-        elements[0].before(label);
-    }
-}
-ShareButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShareButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: ShareButtonComponent, selector: "ipa-share-button", inputs: { title: "title", description: "description", btnLabel: "btnLabel" }, ngImport: i0, template: "<share-popup-button [title]=\"title\" [description]=\"description\" [icon]=\"'share-alt'\"\r\n    [include]=\"['facebook','twitter','linkedin','telegram','whatsapp','email','copy']\">\r\n</share-popup-button>", styles: [""], components: [{ type: i1$1.SharePopupComponent, selector: "share-popup-button", inputs: ["theme", "icon", "text", "include", "exclude", "closeIcon", "url", "title", "description", "image", "tags", "autoSetMeta", "show", "showIcon", "showText", "disabled", "hasBackdrop", "backdropClass"], outputs: ["opened", "closed", "popupClosed"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ShareButtonComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ipa-share-button',
-                    templateUrl: './share-button.component.html',
-                    styleUrls: ['./share-button.component.scss'],
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], btnLabel: [{
-                type: Input
-            }] } });
-
-class ShareButtonModule {
-    constructor(library) {
-        library.addIconPacks(fas);
-    }
-}
-ShareButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ShareButtonModule, deps: [{ token: i1$2.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
-ShareButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ShareButtonModule, declarations: [ShareButtonComponent], imports: [ShareIconsModule,
-        ShareButtonsPopupModule,
-        OverlayModule,
-        FontAwesomeModule], exports: [ShareButtonComponent,
-        ShareIconsModule,
-        ShareButtonsPopupModule,
-        OverlayModule,
-        FontAwesomeModule] });
-ShareButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ShareButtonModule, imports: [[
-            ShareIconsModule,
-            ShareButtonsPopupModule,
-            OverlayModule,
-            FontAwesomeModule,
-        ], ShareIconsModule,
-        ShareButtonsPopupModule,
-        OverlayModule,
-        FontAwesomeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ShareButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ShareButtonComponent],
-                    imports: [
-                        ShareIconsModule,
-                        ShareButtonsPopupModule,
-                        OverlayModule,
-                        FontAwesomeModule,
-                    ],
-                    exports: [
-                        ShareButtonComponent,
-                        ShareIconsModule,
-                        ShareButtonsPopupModule,
-                        OverlayModule,
-                        FontAwesomeModule,
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1$2.FaIconLibrary }]; } });
-
-class NgIPALibraryModule {
-}
-NgIPALibraryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgIPALibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgIPALibraryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgIPALibraryModule, declarations: [TextInputComponent,
-        TextareaInputComponent,
-        DropdownInputComponent,
-        LoaderComponent,
-        GenerateFormComponent,
-        FileUploadComponent,
-        DatepickerComponent,
-        HijriDatepickerComponent,
-        GregorianDatepickerComponent,
-        RecaptchaComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        ToastrModule,
-        DropzoneModule,
-        NgxCaptchaModule,
-        PipesModule,
-        NgbDatepickerModule,
-        ShareButtonModule,
-        NgSelectModule], exports: [TextInputComponent,
-        TextareaInputComponent,
-        DropdownInputComponent,
-        LoaderComponent,
-        GenerateFormComponent,
-        FileUploadComponent,
-        PipesModule,
-        HijriDatepickerComponent,
-        GregorianDatepickerComponent,
-        ShareButtonModule,
-        RecaptchaComponent] });
-NgIPALibraryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgIPALibraryModule, imports: [[
-            CommonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            ToastrModule,
-            DropzoneModule,
-            NgxCaptchaModule,
-            PipesModule,
-            NgbDatepickerModule,
-            ShareButtonModule,
-            NgSelectModule,
-        ], PipesModule,
-        ShareButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: NgIPALibraryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TextInputComponent,
-                        TextareaInputComponent,
-                        DropdownInputComponent,
-                        LoaderComponent,
-                        GenerateFormComponent,
-                        FileUploadComponent,
-                        DatepickerComponent,
-                        HijriDatepickerComponent,
-                        GregorianDatepickerComponent,
-                        RecaptchaComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        ToastrModule,
-                        DropzoneModule,
-                        NgxCaptchaModule,
-                        PipesModule,
-                        NgbDatepickerModule,
-                        ShareButtonModule,
-                        NgSelectModule,
-                    ],
-                    exports: [
-                        TextInputComponent,
-                        TextareaInputComponent,
-                        DropdownInputComponent,
-                        LoaderComponent,
-                        GenerateFormComponent,
-                        FileUploadComponent,
-                        PipesModule,
-                        HijriDatepickerComponent,
-                        GregorianDatepickerComponent,
-                        ShareButtonModule,
-                        RecaptchaComponent,
-                    ],
-                }]
-        }] });
-
-class LoadingInterceptor {
-    constructor(loaderService) {
-        this.loaderService = loaderService;
-        this.requests = [];
-    }
-    removeRequest(req) {
-        const i = this.requests.indexOf(req);
-        if (i >= 0) {
-            this.requests.splice(i, 1);
-        }
-        this.loaderService.isLoading.next(this.requests.length > 0);
-    }
-    intercept(req, next) {
-        if (this.isException(req)) {
-            return next.handle(req);
-        }
-        this.requests.push(req);
-        this.loaderService.isLoading.next(true);
-        return new Observable((observer) => {
-            const subscription = next.handle(req).subscribe((event) => {
-                if (event instanceof HttpResponse) {
-                    this.removeRequest(req);
-                    observer.next(event);
-                }
-            }, (err) => {
-                this.removeRequest(req);
-                observer.error(err);
-            }, () => {
-                this.removeRequest(req);
-                observer.complete();
-            });
-            // remove request from queue when cancelled
-            return () => {
-                this.removeRequest(req);
-                subscription.unsubscribe();
-            };
-        });
-    }
-    isException(req) {
-        for (const url of this.loaderService.urls) {
-            if (req.url.includes(url.path) && req.method === url.method) {
-                return true;
-            }
-        }
-        return false;
-    }
-}
-LoadingInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoadingInterceptor, deps: [{ token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
-LoadingInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoadingInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: LoadingInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: LoaderService }]; } });
-
-class ErrorService {
-    constructor() {
-        this.urls = [];
-    }
-    setExceptionUrls(urls) {
-        this.urls = urls;
-    }
-    addExceptionUrl(url) {
-        this.urls.push(url);
-    }
-}
-ErrorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-ErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ErrorService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ErrorService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class ErrorInterceptor {
-    constructor(errorService, toastrService) {
-        this.errorService = errorService;
-        this.toastrService = toastrService;
-    }
-    intercept(req, next) {
-        if (this.isException(req)) {
-            return next.handle(req);
-        }
-        return next.handle(req).pipe(catchError((error) => {
-            const response = error.error;
-            const toastrConfig = {
-                disableTimeOut: true,
-            };
-            switch (response.statusCode) {
-                case 500:
-                    this.toastrService.error((response === null || response === void 0 ? void 0 : response.innerException) + ' ' + (response === null || response === void 0 ? void 0 : response.stackTrace), response.message, toastrConfig);
-                    break;
-                default:
-                    this.toastrService.error(response.message, '', toastrConfig);
-                    break;
-            }
-            return throwError(error);
-        }));
-    }
-    isException(req) {
-        for (const url of this.errorService.urls) {
-            if (req.url.includes(url.path) && req.method === url.method) {
-                return true;
-            }
-        }
-        return false;
-    }
-}
-ErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ErrorInterceptor, deps: [{ token: ErrorService }, { token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable });
-ErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ErrorInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: ErrorInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: ErrorService }, { type: i1.ToastrService }]; } });
-
-class AuthService {
-    constructor() {
-        this.currentUser = new BehaviorSubject({ exp: 0 });
-        this.currentUserUrl = '';
-    }
-    getToken() {
-        var _a;
-        return (_a = localStorage.getItem('token')) !== null && _a !== void 0 ? _a : '';
-    }
-    getDecodedToken() {
-        return this.decodeJwt(this.getToken());
-    }
-    setCurrentUser() {
-        const decodedToken = this.getDecodedToken();
-        this.currentUser.next({
-            nameid: decodedToken.nameid,
-            email: decodedToken.email,
-            given_name: decodedToken.given_name,
-            exp: decodedToken.exp,
-        });
-    }
-    setCurrentUserUrl(url) {
-        this.currentUserUrl = url;
-    }
-    decodeJwt(token) {
-        const base64Url = token.split('.')[1];
-        const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-        const jsonPayload = decodeURIComponent(atob(base64)
-            .split('')
-            .map((c) => {
-            return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
-        })
-            .join(''));
-        return JSON.parse(jsonPayload);
-    }
-}
-AuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: AuthService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: AuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class TokenInterceptor {
-    constructor(authService, http) {
-        this.authService = authService;
-        this.http = http;
-        this.refresh = true;
-    }
-    intercept(request, next) {
-        if (this.isException(request)) {
-            return next.handle(request);
-        }
-        const token = this.authService.getToken();
-        if (token) {
-            this.isTokenExpired(token);
-            request = request.clone({
-                setHeaders: {
-                    Authorization: `Bearer ${token}`,
-                },
-            });
-        }
-        return next.handle(request);
-    }
-    isTokenExpired(token) {
-        var _a;
-        const redirectPath = location.pathname;
-        const decodedToken = this.authService.getDecodedToken();
-        const expDate = new Date(((_a = decodedToken.exp) !== null && _a !== void 0 ? _a : 0) * 1000);
-        if (expDate < new Date()) {
-            location.replace('/ar/login?redirect=' + redirectPath);
-            return;
-        }
-        else {
-            if (this.authService.currentUserUrl) {
-                if (this.refresh) {
-                    this.http
-                        .get(this.authService.currentUserUrl + `/api/users?refresh`, {
-                        headers: { Authorization: `Bearer ${token}` },
-                    })
-                        .subscribe((user) => {
-                        localStorage.setItem('token', user.token);
-                        this.refresh = false;
-                        setTimeout(() => {
-                            this.refresh = true;
-                        }, 60 * 1000);
-                    });
-                }
-            }
-            else {
-                throw new Error("provide current base user api url using this function authService.setCurrentUserUrl('https://...')");
-            }
-        }
-    }
-    isException(request) {
-        if (request.url.includes('/api/users?refresh') &&
-            request.method === 'GET') {
-            return true;
-        }
-        return false;
-    }
-}
-TokenInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: TokenInterceptor, deps: [{ token: AuthService }, { token: i2$4.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-TokenInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: TokenInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: TokenInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: AuthService }, { type: i2$4.HttpClient }]; } });
-
-class BreadcrumbsService {
-    constructor() { }
-    setPageTitle(text) {
-        const titleEl = document.querySelector('.sub-section-title');
-        if (titleEl) {
-            titleEl.textContent = text;
-        }
-    }
-    setMainPageTitle(text, url) {
-        const div = document.getElementsByClassName('main-section-title');
-        if (div && div.length > 0) {
-            div[0].innerHTML = `<a id="site-url" href="${url}">${text}</a>`;
-        }
-    }
-    addBreadcrumb(nodeName, spanClasses = 'bc-current', linkClasses = 'bc-node') {
-        var _a;
-        const spans = (_a = document.getElementById('ctl00_path')) === null || _a === void 0 ? void 0 : _a.children;
-        //get last child
-        const lastIndex = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1);
-        const innerHTML = lastIndex.innerHTML;
-        lastIndex.innerHTML = '';
-        lastIndex.classList.remove(...['bc-current']);
-        //add new link
-        lastIndex.appendChild(this.createLink(innerHTML, location.pathname, linkClasses));
-        //add new span and empty span
-        const newSpan = this.createSpan(nodeName, spanClasses);
-        const emptySpan = document.createElement('span');
-        lastIndex.after(...[emptySpan, newSpan]);
-    }
-    addBreadcrumbList(nodeList, spanClasses = 'bc-current', linkClasses = 'bc-node') {
-        var _a;
-        const spans = (_a = document.getElementById('ctl00_path')) === null || _a === void 0 ? void 0 : _a.childNodes;
-        //get last child
-        const lastSpan = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1);
-        const innerHTML = lastSpan.innerHTML;
-        lastSpan.classList.remove(...[spanClasses]);
-        lastSpan.innerHTML = '';
-        //add new link
-        lastSpan.appendChild(this.createLink(innerHTML, location.pathname, linkClasses));
-        for (let i = 0; i < nodeList.length; i++) {
-            const lastIndex = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1);
-            if (nodeList[i].nodeUrl) {
-                const newSpan = document.createElement('span');
-                newSpan.appendChild(this.createLink(nodeList[i].nodeName, nodeList[i].nodeUrl, linkClasses));
-                const emptySpan = document.createElement('span');
-                lastIndex.after(...[emptySpan, newSpan]);
-            }
-            else {
-                const newSpan = this.createSpan(nodeList[i].nodeName, spanClasses);
-                const emptySpan = document.createElement('span');
-                lastIndex.after(...[emptySpan, newSpan]);
-            }
-        }
-    }
-    createBreadcrumbs(nodeList, spanClasses = 'bc-current', linkClasses = 'bc-node') {
-        const currentSpan = document.getElementById('ctl00_path');
-        currentSpan.innerHTML = '';
-        const newSpan = document.createElement('span');
-        currentSpan === null || currentSpan === void 0 ? void 0 : currentSpan.appendChild(newSpan);
-        newSpan.appendChild(this.createLink(nodeList[0].nodeName, nodeList[0].nodeUrl, linkClasses));
-        const spans = currentSpan === null || currentSpan === void 0 ? void 0 : currentSpan.children;
-        for (let i = 1; i < nodeList.length; i++) {
-            const lastIndex = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1);
-            if (nodeList[i].nodeUrl) {
-                const newSpan = document.createElement('span');
-                newSpan.appendChild(this.createLink(nodeList[i].nodeName, nodeList[i].nodeUrl, linkClasses));
-                const emptySpan = document.createElement('span');
-                lastIndex === null || lastIndex === void 0 ? void 0 : lastIndex.after(...[emptySpan, newSpan]);
-            }
-            else {
-                const newSpan = this.createSpan(nodeList[i].nodeName, spanClasses);
-                const emptySpan = document.createElement('span');
-                lastIndex.after(...[emptySpan, newSpan]);
-            }
-        }
-    }
-    removeLastBreadcrumb() {
-        var _a, _b, _c;
-        const spans = (_a = document.getElementById('ctl00_path')) === null || _a === void 0 ? void 0 : _a.children;
-        (_b = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1)) === null || _b === void 0 ? void 0 : _b.remove();
-        (_c = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1)) === null || _c === void 0 ? void 0 : _c.remove();
-        this.setCurrentNode(spans);
-    }
-    removeBreadcrumbByNodeName(nodeName) {
-        var _a, _b, _c, _d, _e, _f;
-        const spans = (_a = document.getElementById('ctl00_path')) === null || _a === void 0 ? void 0 : _a.children;
-        let index = -1;
-        for (let i = 0; i < spans.length; i++) {
-            const span = spans.item(i);
-            if (((_b = span === null || span === void 0 ? void 0 : span.textContent) === null || _b === void 0 ? void 0 : _b.trim()) === nodeName) {
-                index = i;
-                break;
-            }
-        }
-        const lastNode = spans.length - 1 === index;
-        if (index !== -1 && !lastNode) {
-            (_c = spans === null || spans === void 0 ? void 0 : spans.item(index)) === null || _c === void 0 ? void 0 : _c.remove();
-            (_d = spans === null || spans === void 0 ? void 0 : spans.item(index)) === null || _d === void 0 ? void 0 : _d.remove();
-        }
-        else {
-            (_e = spans === null || spans === void 0 ? void 0 : spans.item(index)) === null || _e === void 0 ? void 0 : _e.remove();
-            (_f = spans === null || spans === void 0 ? void 0 : spans.item(index - 1)) === null || _f === void 0 ? void 0 : _f.remove();
-        }
-        if (lastNode) {
-            this.setCurrentNode(spans);
-        }
-    }
-    removeLastBreadcrumbsByLength(length) {
-        var _a, _b, _c;
-        const spans = (_a = document.getElementById('ctl00_path')) === null || _a === void 0 ? void 0 : _a.children;
-        while (length > 0) {
-            (_b = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1)) === null || _b === void 0 ? void 0 : _b.remove();
-            (_c = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1)) === null || _c === void 0 ? void 0 : _c.remove();
-            length--;
-        }
-        if (spans.length > 0) {
-            this.setCurrentNode(spans);
-        }
-    }
-    createLink(innerHTML, href, classes) {
-        const link = document.createElement('a');
-        link.innerHTML = ' ' + innerHTML;
-        link.href = href !== null && href !== void 0 ? href : '';
-        link.classList.add(...[classes]);
-        return link;
-    }
-    createSpan(innerHTML, classes) {
-        const span = document.createElement('span');
-        span.classList.add(...[classes]);
-        span.innerHTML = ' ' + innerHTML;
-        return span;
-    }
-    setCurrentNode(spans) {
-        var _a;
-        const lastSpan = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1);
-        const lastSpanLink = (_a = spans === null || spans === void 0 ? void 0 : spans.item(spans.length - 1)) === null || _a === void 0 ? void 0 : _a.children.item(0);
-        lastSpan === null || lastSpan === void 0 ? void 0 : lastSpan.classList.add(...['bc-current']);
-        lastSpan.innerHTML = lastSpanLink.innerHTML;
-    }
-}
-BreadcrumbsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: BreadcrumbsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-BreadcrumbsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: BreadcrumbsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: BreadcrumbsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-class CommonService {
-    constructor() { }
-    print(element, title, classes) {
-        var _a;
-        const styles = this.getElementTag('style');
-        const linkes = this.getElementTag('link');
-        const scripts = this.getElementTag('script');
-        const printContents = (_a = document.getElementById(element)) === null || _a === void 0 ? void 0 : _a.innerHTML;
-        const popupWin = window.open('', '', 'top=0,left=0,height=100%,width=auto');
-        const data = `
-        <!DOCTYPE html>
-            <head>
-            <title> ${title} </title>
-            <meta charset="utf-8">
-            ${linkes}
-            ${styles}
-            <style>
-                @media print {
-                  .noPrint{
-                    display: none !important;
-                  }
-                  body {
-                    direction: rtl;
-                  }
-              }
-            </style>
-            </head>
-          <body class="${classes}">
-            ${printContents}
-            ${scripts}
-          </body>
-
-        </html>`;
-        popupWin === null || popupWin === void 0 ? void 0 : popupWin.document.open();
-        popupWin === null || popupWin === void 0 ? void 0 : popupWin.document.write(data);
-        popupWin === null || popupWin === void 0 ? void 0 : popupWin.document.close();
-        popupWin === null || popupWin === void 0 ? void 0 : popupWin.focus();
-        popupWin === null || popupWin === void 0 ? void 0 : popupWin.addEventListener('focus', () => {
-            setTimeout(() => {
-                if (popupWin.document.hasFocus()) {
-                    popupWin.print();
-                    popupWin.close();
-                }
-            }, 1000);
-        });
-    }
-    getElementTag(tag) {
-        const html = [];
-        const elements = document.getElementsByTagName(tag);
-        for (let index = 0; index < elements.length; index++) {
-            html.push(elements[index].outerHTML);
-        }
-        return html.join('\r\n');
-    }
-}
-CommonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: CommonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-CommonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: CommonService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0, type: CommonService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return []; } });
-
-/*
- * Public API Surface of ipa-library
- */
-
-/**
- * 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 };
-//# sourceMappingURL=ng-ipa-library.js.map