ng-ipa-library 0.7.11 → 1.1.0

package/fesm2020/ng-ipa-library.mjs

@@ -0,0 +1,1601 @@
+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: "13.2.2", ngImport: i0, type: HijriDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+HijriDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HijriDatePipe, name: "hijriDate" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HijriDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'hijriDate',
+                }]
+        }] });
+
+class PipesModule {
+}
+PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PipesModule, declarations: [HijriDatePipe], exports: [HijriDatePipe] });
+PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PipesModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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?.errors) {
+            if (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 = {
+            ...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: "13.2.2", ngImport: i0, type: IPAFormService, deps: [{ token: i2.NgbDateParserFormatter }], target: i0.ɵɵFactoryTarget.Injectable });
+IPAFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: IPAFormService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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.onlyNumber = false;
+        this.pattern = '';
+        this.formControl = new FormControl('');
+        this.controlDir.valueAccessor = this;
+    }
+    ngOnInit() {
+        const control = this.controlDir.control;
+        const validators = control?.validator ? [control.validator] : [];
+        control?.setValidators(validators);
+        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;
+    }
+    checkIsNumber(event) {
+        if (this.onlyNumber) {
+            const initialValue = this.formControl.value;
+            const newValue = initialValue.replace(/[^0-9]*/g, '');
+            this.formControl.patchValue(newValue);
+            this.formControl.markAsPristine();
+            if (initialValue !== this.formControl.value) {
+                event.stopPropagation();
+            }
+        }
+    }
+    get errorMessage() {
+        this.errorMsg = this.validationService.getErrorMessage(this.formControl, this.patternErrorMsg);
+        return this.errorMsg;
+    }
+}
+TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", type: TextInputComponent, selector: "ipa-text-input", inputs: { id: "id", type: "type", placeholder: "placeholder", label: "label", required: "required", patternErrorMsg: "patternErrorMsg", onlyNumber: "onlyNumber", 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()\" (input)=\"checkIsNumber($event)\"\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: ["formControl", "disabled", "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: "13.2.2", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-text-input', 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()\" (input)=\"checkIsNumber($event)\"\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: [""] }]
+        }], 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
+            }], onlyNumber: [{
+                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?.validator ? [control.validator] : [];
+        control?.setValidators(validators);
+        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: "13.2.2", 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: "13.2.2", 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: ["formControl", "disabled", "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: "13.2.2", ngImport: i0, type: TextareaInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-textarea-input', 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: [""] }]
+        }], 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?.validator ? [control.validator] : [];
+        control?.setValidators(validators);
+        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: "13.2.2", 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: "13.2.2", 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: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], 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: ["formControl", "disabled", "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: "13.2.2", ngImport: i0, type: DropdownInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-dropdown-input', 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: [""] }]
+        }], 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: "13.2.2", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LoaderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: LoaderComponent, deps: [{ token: LoaderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-loader', template: "<div id=\"cover-spin\" *ngIf=\"loading\">\r\n  <div class=\"spinner\"></div>\r\n</div>\r\n", styles: ["#cover-spin{display:flex}\n"] }]
+        }], 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: "13.2.2", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
+FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: FileUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-file-upload', 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"] }]
+        }], 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?.validator ? [control.validator] : [];
+        control?.setValidators(validators);
+        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: "13.2.2", ngImport: i0, type: RecaptchaComponent, deps: [{ token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
+RecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: RecaptchaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-recaptcha', template: "<ngx-recaptcha2 [siteKey]=\"siteKey\" [size]=\"recaptchaSize\" [hl]=\"lang\" [theme]=\"theme\" [type]=\"recaptchaType\"\n    [useGlobalDomain]=\"useGlobalDomain\" [formControl]=\"formControl\">\n</ngx-recaptcha2>", styles: [""] }]
+        }], 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: "13.2.2", ngImport: i0, type: GenerateFormComponent, deps: [{ token: IPAFormService }], target: i0.ɵɵFactoryTarget.Component });
+GenerateFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", 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\" [searchable]=\"column.searchable\"\r\n                    [notFoundText]=\"column.notFoundText\" [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\"\r\n                                type=\"checkbox\" formControlName=\"checkbox\">\r\n                            <label class=\"form-check-label\"\r\n                                [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' \"\r\n                    [authorization]=\"column.authorization!\" ngDefaultControl [formControlName]=\"column.englishName\"\r\n                    (successUpload)=\"SuccessUpload($event)\" (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", "onlyNumber", "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: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2$1.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: "13.2.2", ngImport: i0, type: GenerateFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-generate-form', template: "<form [formGroup]=\"generateForm\">\r\n    <ng-container *ngFor=\"let column of form.columns\">\r\n        <div [ngSwitch]=\"column.type\">\r\n            <!-- TEXTAREA -->\r\n            <div *ngSwitchCase=\"'textArea'\">\r\n                <ipa-textarea-input [formControlName]=\"column.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\" [searchable]=\"column.searchable\"\r\n                    [notFoundText]=\"column.notFoundText\" [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\"\r\n                                type=\"checkbox\" formControlName=\"checkbox\">\r\n                            <label class=\"form-check-label\"\r\n                                [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' \"\r\n                    [authorization]=\"column.authorization!\" ngDefaultControl [formControlName]=\"column.englishName\"\r\n                    (successUpload)=\"SuccessUpload($event)\" (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: [""] }]
+        }], 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?.validator ? [control.validator] : [];
+        control?.setValidators(validators);
+        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: "13.2.2", 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: "13.2.2", 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: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], 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: ["formControl", "disabled", "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: "13.2.2", ngImport: i0, type: DatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-datepicker', 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"] }]
+        }], 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: "13.2.2", ngImport: i0, type: IslamicI18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+IslamicI18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: IslamicI18n });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: IslamicI18n, decorators: [{
+            type: Injectable
+        }] });
+
+class HijriDatepickerComponent extends DatepickerComponent {
+}
+HijriDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HijriDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+HijriDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], 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: ["formControl", "disabled", "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: "13.2.2", ngImport: i0, type: HijriDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-hijri-datepicker', providers: [
+                        { provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },
+                        { provide: NgbDatepickerI18n, useClass: IslamicI18n },
+                    ], 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"] }]
+        }] });
+
+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: "13.2.2", ngImport: i0, type: Gregorian18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+Gregorian18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: Gregorian18n });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: Gregorian18n, decorators: [{
+            type: Injectable
+        }] });
+
+class GregorianDatepickerComponent extends DatepickerComponent {
+}
+GregorianDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: GregorianDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+GregorianDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], 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: ["formControl", "disabled", "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: "13.2.2", ngImport: i0, type: GregorianDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-gregorian-datepicker', providers: [
+                        { provide: NgbCalendar, useClass: NgbCalendarGregorian },
+                        { provide: NgbDatepickerI18n, useClass: Gregorian18n },
+                    ], 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"] }]
+        }] });
+
+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: "13.2.2", ngImport: i0, type: ShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShareButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: ShareButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-share-button', 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: [""] }]
+        }], 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: "13.2.2", ngImport: i0, type: ShareButtonModule, deps: [{ token: i1$2.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
+ShareButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: ShareButtonModule, imports: [[
+            ShareIconsModule,
+            ShareButtonsPopupModule,
+            OverlayModule,
+            FontAwesomeModule,
+        ], ShareIconsModule,
+        ShareButtonsPopupModule,
+        OverlayModule,
+        FontAwesomeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: NgIPALibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NgIPALibraryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: NgIPALibraryModule, imports: [[
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ToastrModule,
+            DropzoneModule,
+            NgxCaptchaModule,
+            PipesModule,
+            NgbDatepickerModule,
+            ShareButtonModule,
+            NgSelectModule,
+        ], PipesModule,
+        ShareButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: LoadingInterceptor, deps: [{ token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+LoadingInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LoadingInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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: "13.2.2", ngImport: i0, type: ErrorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ErrorService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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?.innerException + ' ' + 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: "13.2.2", ngImport: i0, type: ErrorInterceptor, deps: [{ token: ErrorService }, { token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable });
+ErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ErrorInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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() {
+        return localStorage.getItem('token') ?? '';
+    }
+    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: "13.2.2", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AuthService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class TokenInterceptor {
+    constructor(authService, http, loaderService) {
+        this.authService = authService;
+        this.http = http;
+        this.loaderService = loaderService;
+        this.refresh = true;
+        this.loaderService.addExceptionUrl({
+            path: '/api/users?refresh',
+            method: 'GET',
+        });
+    }
+    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) {
+        const redirectPath = location.pathname;
+        const decodedToken = this.authService.getDecodedToken();
+        const expDate = new Date((decodedToken.exp ?? 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: "13.2.2", ngImport: i0, type: TokenInterceptor, deps: [{ token: AuthService }, { token: i2$4.HttpClient }, { token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
+TokenInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: TokenInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: AuthService }, { type: i2$4.HttpClient }, { type: LoaderService }]; } });
+
+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') {
+        const spans = document.getElementById('ctl00_path')?.children;
+        //get last child
+        const lastIndex = 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') {
+        const spans = document.getElementById('ctl00_path')?.childNodes;
+        //get last child
+        const lastSpan = 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?.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?.appendChild(newSpan);
+        newSpan.appendChild(this.createLink(nodeList[0].nodeName, nodeList[0].nodeUrl, linkClasses));
+        const spans = currentSpan?.children;
+        for (let i = 1; i < nodeList.length; i++) {
+            const lastIndex = 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]);
+            }
+        }
+    }
+    removeLastBreadcrumb() {
+        const spans = document.getElementById('ctl00_path')?.children;
+        spans?.item(spans.length - 1)?.remove();
+        spans?.item(spans.length - 1)?.remove();
+        this.setCurrentNode(spans);
+    }
+    removeBreadcrumbByNodeName(nodeName) {
+        const spans = document.getElementById('ctl00_path')
+            ?.children;
+        let index = -1;
+        for (let i = 0; i < spans.length; i++) {
+            const span = spans.item(i);
+            if (span?.textContent?.trim() === nodeName) {
+                index = i;
+                break;
+            }
+        }
+        const lastNode = spans.length - 1 === index;
+        if (index !== -1 && !lastNode) {
+            spans?.item(index)?.remove();
+            spans?.item(index)?.remove();
+        }
+        else {
+            spans?.item(index)?.remove();
+            spans?.item(index - 1)?.remove();
+        }
+        if (lastNode) {
+            this.setCurrentNode(spans);
+        }
+    }
+    removeLastBreadcrumbsByLength(length) {
+        const spans = document.getElementById('ctl00_path')
+            ?.children;
+        while (length > 0) {
+            spans?.item(spans.length - 1)?.remove();
+            spans?.item(spans.length - 1)?.remove();
+            length--;
+        }
+        if (spans.length > 0) {
+            this.setCurrentNode(spans);
+        }
+    }
+    createLink(innerHTML, href, classes) {
+        const link = document.createElement('a');
+        link.innerHTML = ' ' + innerHTML;
+        link.href = 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) {
+        const lastSpan = spans?.item(spans.length - 1);
+        const lastSpanLink = spans
+            ?.item(spans.length - 1)
+            ?.children.item(0);
+        lastSpan?.classList.add(...['bc-current']);
+        lastSpan.innerHTML = lastSpanLink.innerHTML;
+    }
+}
+BreadcrumbsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+BreadcrumbsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CommonService {
+    constructor() { }
+    print(element, title, classes) {
+        const styles = this.getElementTag('style');
+        const linkes = this.getElementTag('link');
+        const scripts = this.getElementTag('script');
+        const printContents = document.getElementById(element)?.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?.document.open();
+        popupWin?.document.write(data);
+        popupWin?.document.close();
+        popupWin?.focus();
+        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: "13.2.2", ngImport: i0, type: CommonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+CommonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: CommonService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", 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.mjs.map