ng-ipa-library 2.0.1 → 3.0.0

package/{fesm2020 → fesm2022}/ng-ipa-library.mjs

@@ -30,1349 +30,1349 @@ 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: "15.0.4", ngImport: i0, type: HijriDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-HijriDatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: HijriDatePipe, name: "hijriDate" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HijriDatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'hijriDate',
-                }]
+class HijriDatePipe {
+    transform(date, format = 'iYYYY-iMM-iDD', lang = 'en') {
+        momentHijri.locale(lang);
+        return momentHijri(date).format(format);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: HijriDatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: HijriDatePipe, name: "hijriDate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: HijriDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'hijriDate',
+                }]
         }] });
 
-class PipesModule {
-}
-PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", ngImport: i0, type: PipesModule, declarations: [HijriDatePipe], exports: [HijriDatePipe] });
-PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PipesModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: PipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [HijriDatePipe],
-                    exports: [HijriDatePipe],
-                }]
+class PipesModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: PipesModule, declarations: [HijriDatePipe], exports: [HijriDatePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PipesModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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 };
-    }
-    static validHijriDate(control) {
-        const date = control.value;
-        const isValid = IPAFormService.checkHijriDateValid(date);
-        return isValid || !date
-            ? null
-            : {
-                ngbDate: {
-                    invalid: date?.year +
-                        '-' +
-                        (date?.month > 10 ? date?.month : '0' + date?.month) +
-                        '-' +
-                        (date?.day > 10 ? date?.day : '0' + date?.day),
-                },
-            };
-    }
-    getErrorMessage(control, patternErrorMsg = '', isArabic) {
-        for (const propertyName in control?.errors) {
-            if (control?.errors.hasOwnProperty(propertyName) &&
-                (control.touched || control.dirty)) {
-                return this.getValidatorErrorMessage(propertyName, control.errors[propertyName], patternErrorMsg, isArabic);
-            }
-        }
-        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, isArabic) {
-        if (validatorName === 'pattern') {
-            validatorValue = this.addPatternMsg(validatorValue, patternErrorMsg);
-        }
-        const config = {
-            required: isArabic ? 'هذا الحقل مطلوب' : 'this field required',
-            pattern: `${validatorValue.message}`,
-            Email: (isArabic ? 'خطأ في البريد الالكتروني ' : 'Invalid email ') +
-                '(example@example.com)',
-            maxlength: isArabic
-                ? `تجاوز عدد الحقل المسموح بها (${validatorValue.requiredLength}) حرف`
-                : `this field is more than (${validatorValue.requiredLength}) letter`,
-            minlength: isArabic
-                ? `على الأقل عدد ${validatorValue.requiredLength} حرف`
-                : `this field is less than (${validatorValue.requiredLength}) letter`,
-            min: isArabic
-                ? `رقم اكبر من أو يساوي ${validatorValue.min}`
-                : `number more than or equal (${validatorValue.min})`,
-            max: isArabic
-                ? `رقم اصغر من أو يساوي ${validatorValue.max}`
-                : `number less than or equal (${validatorValue.min})`,
-            ngbDate: this.getNgbDatepickerErrorMsg(validatorValue),
-            checkId: isArabic
-                ? 'رقم الهوية أو الاقامة غير صحيح'
-                : 'Wrong ID or Iqama number',
-            link: (isArabic ? 'الرابط غير صحيح ' : 'Wrong link ') +
-                '(http://example.com)',
-            linkMP4: (isArabic ? 'رابط MP4 غير صحيح ' : 'Wrong MP4 link ') +
-                '(http://example.com/example.mp4)',
-            mobileNo: (isArabic ? 'خطأ في رقم الجوال ' : 'Wrong mobile number ') +
-                '(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 checkHijriDateValid(date) {
-        return !(momentHijri.iDaysInMonth(date?.year, date?.month - 1) < date?.day ||
-            date?.day <= 0 ||
-            date?.month <= 0 ||
-            date?.month > 12 ||
-            date?.year?.toString().length !== 4);
-    }
-    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: "15.0.4", ngImport: i0, type: IPAFormService, deps: [{ token: i2.NgbDateParserFormatter }], target: i0.ɵɵFactoryTarget.Injectable });
-IPAFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IPAFormService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IPAFormService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+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 };
+    }
+    static validHijriDate(control) {
+        const date = control.value;
+        const isValid = IPAFormService.checkHijriDateValid(date);
+        return isValid || !date
+            ? null
+            : {
+                ngbDate: {
+                    invalid: date?.year +
+                        '-' +
+                        (date?.month > 10 ? date?.month : '0' + date?.month) +
+                        '-' +
+                        (date?.day > 10 ? date?.day : '0' + date?.day),
+                },
+            };
+    }
+    getErrorMessage(control, patternErrorMsg = '', isArabic) {
+        for (const propertyName in control?.errors) {
+            if (control?.errors.hasOwnProperty(propertyName) &&
+                (control.touched || control.dirty)) {
+                return this.getValidatorErrorMessage(propertyName, control.errors[propertyName], patternErrorMsg, isArabic);
+            }
+        }
+        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, isArabic) {
+        if (validatorName === 'pattern') {
+            validatorValue = this.addPatternMsg(validatorValue, patternErrorMsg);
+        }
+        const config = {
+            required: isArabic ? 'هذا الحقل مطلوب' : 'this field required',
+            pattern: `${validatorValue.message}`,
+            Email: (isArabic ? 'خطأ في البريد الالكتروني ' : 'Invalid email ') +
+                '(example@example.com)',
+            maxlength: isArabic
+                ? `تجاوز عدد الحقل المسموح بها (${validatorValue.requiredLength}) حرف`
+                : `this field is more than (${validatorValue.requiredLength}) letter`,
+            minlength: isArabic
+                ? `على الأقل عدد ${validatorValue.requiredLength} حرف`
+                : `this field is less than (${validatorValue.requiredLength}) letter`,
+            min: isArabic
+                ? `رقم اكبر من أو يساوي ${validatorValue.min}`
+                : `number more than or equal (${validatorValue.min})`,
+            max: isArabic
+                ? `رقم اصغر من أو يساوي ${validatorValue.max}`
+                : `number less than or equal (${validatorValue.min})`,
+            ngbDate: this.getNgbDatepickerErrorMsg(validatorValue),
+            checkId: isArabic
+                ? 'رقم الهوية أو الاقامة غير صحيح'
+                : 'Wrong ID or Iqama number',
+            link: (isArabic ? 'الرابط غير صحيح ' : 'Wrong link ') +
+                '(http://example.com)',
+            linkMP4: (isArabic ? 'رابط MP4 غير صحيح ' : 'Wrong MP4 link ') +
+                '(http://example.com/example.mp4)',
+            mobileNo: (isArabic ? 'خطأ في رقم الجوال ' : 'Wrong mobile number ') +
+                '(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 checkHijriDateValid(date) {
+        return !(momentHijri.iDaysInMonth(date?.year, date?.month - 1) < date?.day ||
+            date?.day <= 0 ||
+            date?.month <= 0 ||
+            date?.month > 12 ||
+            date?.year?.toString().length !== 4);
+    }
+    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;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: IPAFormService, deps: [{ token: i2.NgbDateParserFormatter }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: IPAFormService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: IPAFormService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i2.NgbDateParserFormatter }]; } });
 
-class TextInputComponent {
-    constructor(validationService, controlDir, cd) {
-        this.validationService = validationService;
-        this.controlDir = controlDir;
-        this.cd = cd;
-        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.isArabicForm = true;
-        this.formControl = new UntypedFormControl('');
-        this.controlDir.valueAccessor = this;
-    }
-    ngAfterContentChecked() {
-        this.cd.detectChanges();
-    }
-    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, this.isArabicForm);
-        return this.errorMsg;
-    }
-}
-TextInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TextInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TextInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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", isArabicForm: "isArabicForm" }, 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: [""], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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>" }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2$1.NgControl, decorators: [{
-                    type: Self
-                }] }, { type: i0.ChangeDetectorRef }]; }, 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
-            }], isArabicForm: [{
-                type: Input
+class TextInputComponent {
+    constructor(validationService, controlDir, cd) {
+        this.validationService = validationService;
+        this.controlDir = controlDir;
+        this.cd = cd;
+        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.isArabicForm = true;
+        this.formControl = new UntypedFormControl('');
+        this.controlDir.valueAccessor = this;
+    }
+    ngAfterContentChecked() {
+        this.cd.detectChanges();
+    }
+    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, this.isArabicForm);
+        return this.errorMsg;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TextInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", 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", isArabicForm: "isArabicForm" }, 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: [""], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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>" }]
+        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2$1.NgControl, decorators: [{
+                    type: Self
+                }] }, { type: i0.ChangeDetectorRef }]; }, 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
+            }], isArabicForm: [{
+                type: Input
             }] } });
 
-class TextareaInputComponent {
-    constructor(validationService, controlDir, cd) {
-        this.validationService = validationService;
-        this.controlDir = controlDir;
-        this.cd = cd;
-        this.input = new ElementRef(null);
-        this.placeholder = 'please enter text';
-        this.label = 'textarea input';
-        this.required = false;
-        this.patternErrorMsg = 'invalid pattern';
-        this.isArabicForm = true;
-        this.formControl = new UntypedFormControl('');
-        this.controlDir.valueAccessor = this;
-    }
-    ngAfterContentChecked() {
-        this.cd.detectChanges();
-    }
-    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, this.isArabicForm);
-        return this.errorMsg;
-    }
-}
-TextareaInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TextareaInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-TextareaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TextareaInputComponent, selector: "ipa-textarea-input", inputs: { id: "id", placeholder: "placeholder", label: "label", required: "required", patternErrorMsg: "patternErrorMsg", pattern: "pattern", classes: "classes", containerClasses: "containerClasses", isArabicForm: "isArabicForm" }, 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()\" style=\"height: 135px;\"\r\n        [ngClass]=\"{\r\n        'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,\r\n        '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: [".form-floating label{min-width:100%}.form-floating label:before{content:\"\";position:absolute;top:.9em;z-index:-1;width:110%;height:2em;background-color:#fff;box-shadow:0 -1px #fff}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.95;color:gray}@media (max-width: 1699px){.form-floating label:before{width:107%!important}}@media (max-width: 770px){.form-floating label:before{width:97%!important}}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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()\" style=\"height: 135px;\"\r\n        [ngClass]=\"{\r\n        'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,\r\n        '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: [".form-floating label{min-width:100%}.form-floating label:before{content:\"\";position:absolute;top:.9em;z-index:-1;width:110%;height:2em;background-color:#fff;box-shadow:0 -1px #fff}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.95;color:gray}@media (max-width: 1699px){.form-floating label:before{width:107%!important}}@media (max-width: 770px){.form-floating label:before{width:97%!important}}\n"] }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2$1.NgControl, decorators: [{
-                    type: Self
-                }] }, { type: i0.ChangeDetectorRef }]; }, 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
-            }], isArabicForm: [{
-                type: Input
+class TextareaInputComponent {
+    constructor(validationService, controlDir, cd) {
+        this.validationService = validationService;
+        this.controlDir = controlDir;
+        this.cd = cd;
+        this.input = new ElementRef(null);
+        this.placeholder = 'please enter text';
+        this.label = 'textarea input';
+        this.required = false;
+        this.patternErrorMsg = 'invalid pattern';
+        this.isArabicForm = true;
+        this.formControl = new UntypedFormControl('');
+        this.controlDir.valueAccessor = this;
+    }
+    ngAfterContentChecked() {
+        this.cd.detectChanges();
+    }
+    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, this.isArabicForm);
+        return this.errorMsg;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TextareaInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: TextareaInputComponent, selector: "ipa-textarea-input", inputs: { id: "id", placeholder: "placeholder", label: "label", required: "required", patternErrorMsg: "patternErrorMsg", pattern: "pattern", classes: "classes", containerClasses: "containerClasses", isArabicForm: "isArabicForm" }, 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()\" style=\"height: 135px;\"\r\n        [ngClass]=\"{\r\n        'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,\r\n        '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: [".form-floating label{min-width:100%}.form-floating label:before{content:\"\";position:absolute;top:.9em;z-index:-1;width:110%;height:2em;background-color:#fff;box-shadow:0 -1px #fff}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.95;color:gray}@media (max-width: 1699px){.form-floating label:before{width:107%!important}}@media (max-width: 770px){.form-floating label:before{width:97%!important}}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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()\" style=\"height: 135px;\"\r\n        [ngClass]=\"{\r\n        'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,\r\n        '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: [".form-floating label{min-width:100%}.form-floating label:before{content:\"\";position:absolute;top:.9em;z-index:-1;width:110%;height:2em;background-color:#fff;box-shadow:0 -1px #fff}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.95;color:gray}@media (max-width: 1699px){.form-floating label:before{width:107%!important}}@media (max-width: 770px){.form-floating label:before{width:97%!important}}\n"] }]
+        }], ctorParameters: function () { return [{ type: IPAFormService }, { type: i2$1.NgControl, decorators: [{
+                    type: Self
+                }] }, { type: i0.ChangeDetectorRef }]; }, 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
+            }], isArabicForm: [{
+                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.isArabicForm = true;
-        this.fromGenerateForm = false;
-        this.formControl = new UntypedFormControl('');
-        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) {
-        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, '', this.isArabicForm);
-        return this.errorMsg;
-    }
-}
-DropdownInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
-DropdownInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: { id: "id", label: "label", items: "items", textField: "textField", valueField: "valueField", required: "required", firstItemLabel: "firstItemLabel", searchable: "searchable", notFoundText: "notFoundText", classes: "classes", containerClasses: "containerClasses", isArabicForm: "isArabicForm", fromGenerateForm: "fromGenerateForm" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["select"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"form-floating {{containerClasses}}\">\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      [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': \r\n                                                 (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\">\r\n      <option *ngIf=\"firstItemLabel\" value=\"\">{{firstItemLabel}}</option>\r\n      <option *ngFor=\"let item of items\"\r\n        [value]=\"valueField ? fromGenerateForm ? item[textField] : item[valueField] : item\">\r\n        {{textField ? item[textField] : item}}\r\n      </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\"\r\n    [bindValue]=\"fromGenerateForm? textField : valueField\" [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': \r\n                                               (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: [""], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i5.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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DropdownInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipa-dropdown-input', template: "<div class=\"form-floating {{containerClasses}}\">\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      [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': \r\n                                                 (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\">\r\n      <option *ngIf=\"firstItemLabel\" value=\"\">{{firstItemLabel}}</option>\r\n      <option *ngFor=\"let item of items\"\r\n        [value]=\"valueField ? fromGenerateForm ? item[textField] : item[valueField] : item\">\r\n        {{textField ? item[textField] : item}}\r\n      </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\"\r\n    [bindValue]=\"fromGenerateForm? textField : valueField\" [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': \r\n                                               (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>" }]
-        }], 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
-            }], firstItemLabel: [{
-                type: Input
-            }], searchable: [{
-                type: Input
-            }], notFoundText: [{
-                type: Input
-            }], classes: [{
-                type: Input
-            }], containerClasses: [{
-                type: Input
-            }], isArabicForm: [{
-                type: Input
-            }], fromGenerateForm: [{
-                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.isArabicForm = true;
+        this.fromGenerateForm = false;
+        this.formControl = new UntypedFormControl('');
+        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) {
+        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, '', this.isArabicForm);
+        return this.errorMsg;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DropdownInputComponent, deps: [{ token: IPAFormService }, { token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: { id: "id", label: "label", items: "items", textField: "textField", valueField: "valueField", required: "required", firstItemLabel: "firstItemLabel", searchable: "searchable", notFoundText: "notFoundText", classes: "classes", containerClasses: "containerClasses", isArabicForm: "isArabicForm", fromGenerateForm: "fromGenerateForm" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["select"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"form-floating {{containerClasses}}\">\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      [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': \r\n                                                 (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\">\r\n      <option *ngIf=\"firstItemLabel\" value=\"\">{{firstItemLabel}}</option>\r\n      <option *ngFor=\"let item of items\"\r\n        [value]=\"valueField ? fromGenerateForm ? item[textField] : item[valueField] : item\">\r\n        {{textField ? item[textField] : item}}\r\n      </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\"\r\n    [bindValue]=\"fromGenerateForm? textField : valueField\" [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': \r\n                                               (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: [""], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "component", type: i5.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DropdownInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-dropdown-input', template: "<div class=\"form-floating {{containerClasses}}\">\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      [ngClass]=\"{'is-invalid is-invalid:focus': (controlDir.control?.invalid && (controlDir.control?.dirty || controlDir.control?.touched)) && errorMsg,'is-valid is-valid:focus': \r\n                                                 (controlDir.control?.valid && (controlDir.control?.dirty || controlDir.control?.touched)  && (errorMsg || controlDir.value))}\">\r\n      <option *ngIf=\"firstItemLabel\" value=\"\">{{firstItemLabel}}</option>\r\n      <option *ngFor=\"let item of items\"\r\n        [value]=\"valueField ? fromGenerateForm ? item[textField] : item[valueField] : item\">\r\n        {{textField ? item[textField] : item}}\r\n      </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\"\r\n    [bindValue]=\"fromGenerateForm? textField : valueField\" [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': \r\n                                               (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>" }]
+        }], 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
+            }], firstItemLabel: [{
+                type: Input
+            }], searchable: [{
+                type: Input
+            }], notFoundText: [{
+                type: Input
+            }], classes: [{
+                type: Input
+            }], containerClasses: [{
+                type: Input
+            }], isArabicForm: [{
+                type: Input
+            }], fromGenerateForm: [{
+                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: "15.0.4", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoaderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoaderService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoaderService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class LoaderService {
+    constructor() {
+        this.isLoading = new BehaviorSubject(false);
+        this.urls = [];
+    }
+    setExceptionUrls(urls) {
+        this.urls = urls;
+    }
+    addExceptionUrl(url) {
+        this.urls.push(url);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoaderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoaderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return []; } });
 
-class LoaderComponent {
-    constructor(loaderService, cdr) {
-        this.loaderService = loaderService;
-        this.cdr = cdr;
-        this.loading = true;
-        this.isLocal = false;
-    }
-    ngAfterViewInit() {
-        this.loaderService.isLoading.subscribe((v) => {
-            this.loading = v;
-            const loader = document.getElementById('cover-spin');
-            if (loader) {
-                if (this.loading) {
-                    loader.style.display = 'flex';
-                }
-                else {
-                    if (loader.style.display !== 'none')
-                        loader.style.display = 'none';
-                }
-            }
-            this.cdr.detectChanges();
-        });
-    }
-}
-LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoaderComponent, deps: [{ token: LoaderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: LoaderComponent, selector: "ipa-loader", inputs: { isLocal: "isLocal" }, ngImport: i0, template: "<div id=\"cover-spin\" *ngIf=\"loading && isLocal\">\r\n  <div class=\"spinner\"></div>\r\n</div>\r\n", styles: ["#cover-spin{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipa-loader', template: "<div id=\"cover-spin\" *ngIf=\"loading && isLocal\">\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 }]; }, propDecorators: { isLocal: [{
-                type: Input
+class LoaderComponent {
+    constructor(loaderService, cdr) {
+        this.loaderService = loaderService;
+        this.cdr = cdr;
+        this.loading = true;
+        this.isLocal = false;
+    }
+    ngAfterViewInit() {
+        this.loaderService.isLoading.subscribe((v) => {
+            this.loading = v;
+            const loader = document.getElementById('cover-spin');
+            if (loader) {
+                if (this.loading) {
+                    loader.style.display = 'flex';
+                }
+                else {
+                    if (loader.style.display !== 'none')
+                        loader.style.display = 'none';
+                }
+            }
+            this.cdr.detectChanges();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoaderComponent, deps: [{ token: LoaderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: LoaderComponent, selector: "ipa-loader", inputs: { isLocal: "isLocal" }, ngImport: i0, template: "<div id=\"cover-spin\" *ngIf=\"loading && isLocal\">\r\n  <div class=\"spinner\"></div>\r\n</div>\r\n", styles: ["#cover-spin{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-loader', template: "<div id=\"cover-spin\" *ngIf=\"loading && isLocal\">\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 }]; }, propDecorators: { isLocal: [{
+                type: Input
             }] } });
 
-class FileUploadComponent {
-    constructor(
-    // private authService: AuthService,
-    toastrService) {
-        this.toastrService = toastrService;
-        this.isArabicForm = true;
-        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 = [];
-        this.formControl = new UntypedFormControl('');
-    }
-    ngOnInit() {
-        this.setConfiguration();
-    }
-    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);
-        }
-        const message = this.isArabicForm
-            ? 'تم تحميل المرفقات بنجاح'
-            : 'Attachments uploaded successfully';
-        this.toastrService.success(message);
-    }
-    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();
-    }
-    setConfiguration() {
-        this.label = (this.isArabicForm ? 'رفع ' : 'Upload ') + 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: this.isArabicForm
-                ? 'صيغة الملف غير مسموح بها'
-                : 'the file format is not allowed',
-            dictFileTooBig: this.isArabicForm
-                ? 'الحجم تجاوز الحد المسموح'
-                : `the file size must be less than or equal (${this.maxFileSize}) MB`,
-            dictMaxFilesExceeded: this.isArabicForm
-                ? 'الرجاء حذف الملفات الموجودة حاليا لتتمكن من رفع هذا الملف'
-                : 'Please delete existing files to be able to upload this file',
-            acceptedFiles: this.acceptedFiles,
-            autoProcessQueue: this.autoUpload,
-            previewTemplate: '<span></span>',
-            dictRemoveFile: '',
-        };
-    }
-}
-FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
-FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: FileUploadComponent, selector: "ipa-file-upload", inputs: { isArabicForm: "isArabicForm", 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;\">{{isArabicForm? '\u0642\u0645 \u0628\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641 \u0623\u0648 \u0627\u0636\u063A\u0637 \u0647\u0646\u0627' : 'drag or click here'}}</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           {{isArabicForm? '\u0627\u0644\u0635\u064A\u063A\u0629 \u0627\u0644\u0645\u0633\u0645\u0648\u062D \u0628\u0647\u0627:' : 'Allowed format:'}} \r\n            <span class=\"extensions\">{{ acceptedFiles }}</span>\r\n        </div>\r\n        <div class=\"allowed-extensions\">\r\n            {{isArabicForm? '\u0627\u0642\u0635\u0649 \u062D\u062C\u0645 \u0644\u0644\u0645\u0631\u0641\u0642:' : 'Attachment Size:'}}\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"], dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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;\">{{isArabicForm? '\u0642\u0645 \u0628\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641 \u0623\u0648 \u0627\u0636\u063A\u0637 \u0647\u0646\u0627' : 'drag or click here'}}</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           {{isArabicForm? '\u0627\u0644\u0635\u064A\u063A\u0629 \u0627\u0644\u0645\u0633\u0645\u0648\u062D \u0628\u0647\u0627:' : 'Allowed format:'}} \r\n            <span class=\"extensions\">{{ acceptedFiles }}</span>\r\n        </div>\r\n        <div class=\"allowed-extensions\">\r\n            {{isArabicForm? '\u0627\u0642\u0635\u0649 \u062D\u062C\u0645 \u0644\u0644\u0645\u0631\u0641\u0642:' : 'Attachment Size:'}}\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 }]
-            }], isArabicForm: [{
-                type: Input
-            }], 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 FileUploadComponent {
+    constructor(
+    // private authService: AuthService,
+    toastrService) {
+        this.toastrService = toastrService;
+        this.isArabicForm = true;
+        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 = [];
+        this.formControl = new UntypedFormControl('');
+    }
+    ngOnInit() {
+        this.setConfiguration();
+    }
+    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);
+        }
+        const message = this.isArabicForm
+            ? 'تم تحميل المرفقات بنجاح'
+            : 'Attachments uploaded successfully';
+        this.toastrService.success(message);
+    }
+    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();
+    }
+    setConfiguration() {
+        this.label = (this.isArabicForm ? 'رفع ' : 'Upload ') + 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: this.isArabicForm
+                ? 'صيغة الملف غير مسموح بها'
+                : 'the file format is not allowed',
+            dictFileTooBig: this.isArabicForm
+                ? 'الحجم تجاوز الحد المسموح'
+                : `the file size must be less than or equal (${this.maxFileSize}) MB`,
+            dictMaxFilesExceeded: this.isArabicForm
+                ? 'الرجاء حذف الملفات الموجودة حاليا لتتمكن من رفع هذا الملف'
+                : 'Please delete existing files to be able to upload this file',
+            acceptedFiles: this.acceptedFiles,
+            autoProcessQueue: this.autoUpload,
+            previewTemplate: '<span></span>',
+            dictRemoveFile: '',
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: FileUploadComponent, selector: "ipa-file-upload", inputs: { isArabicForm: "isArabicForm", 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;\">{{isArabicForm? '\u0642\u0645 \u0628\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641 \u0623\u0648 \u0627\u0636\u063A\u0637 \u0647\u0646\u0627' : 'drag or click here'}}</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           {{isArabicForm? '\u0627\u0644\u0635\u064A\u063A\u0629 \u0627\u0644\u0645\u0633\u0645\u0648\u062D \u0628\u0647\u0627:' : 'Allowed format:'}} \r\n            <span class=\"extensions\">{{ acceptedFiles }}</span>\r\n        </div>\r\n        <div class=\"allowed-extensions\">\r\n            {{isArabicForm? '\u0627\u0642\u0635\u0649 \u062D\u062C\u0645 \u0644\u0644\u0645\u0631\u0641\u0642:' : 'Attachment Size:'}}\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"], dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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;\">{{isArabicForm? '\u0642\u0645 \u0628\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641 \u0623\u0648 \u0627\u0636\u063A\u0637 \u0647\u0646\u0627' : 'drag or click here'}}</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           {{isArabicForm? '\u0627\u0644\u0635\u064A\u063A\u0629 \u0627\u0644\u0645\u0633\u0645\u0648\u062D \u0628\u0647\u0627:' : 'Allowed format:'}} \r\n            <span class=\"extensions\">{{ acceptedFiles }}</span>\r\n        </div>\r\n        <div class=\"allowed-extensions\">\r\n            {{isArabicForm? '\u0627\u0642\u0635\u0649 \u062D\u062C\u0645 \u0644\u0644\u0645\u0631\u0641\u0642:' : 'Attachment Size:'}}\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 }]
+            }], isArabicForm: [{
+                type: Input
+            }], 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 UntypedFormControl('');
-        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: "15.0.4", ngImport: i0, type: RecaptchaComponent, deps: [{ token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component });
-RecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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: [""], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$3.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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>" }]
-        }], 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 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 UntypedFormControl('');
+        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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: RecaptchaComponent, deps: [{ token: i2$1.NgControl, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", 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: [""], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$3.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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>" }]
+        }], 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.isArabicForm = true;
-        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.changeDataValueForEngForm();
-        this.createForm();
-    }
-    getFormControls(formControlName) {
-        return this.generateForm.get('items' + formControlName);
-    }
-    getErrorMessage(formControlName) {
-        const formControl = this.generateForm.controls[formControlName];
-        this.errorMsg = this.validationService.getErrorMessage(formControl, '', this.isArabicForm);
-        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);
-    }
-    changeDataValueForEngForm() {
-        this.form.columns = this.form.columns.map((column) => {
-            return {
-                ...column,
-                data: column.data?.map((item) => {
-                    const value = item[column.textField];
-                    return {
-                        ...item,
-                        [column.textField]: this.isArabicForm
-                            ? value.split(',')[0]
-                            : value.split(',')[1],
-                    };
-                }),
-            };
-        });
-    }
-    createForm() {
-        this.form.columns.forEach((column) => {
-            if (column.type === 'checkbox') {
-                this.addCheckboxControl(column);
-            }
-            else {
-                this.generateForm.addControl(column.formControlName, new UntypedFormControl(column.type === 'file' && column.multipleFile > 1 ? [] : null, [
-                    column.required ? Validators.required : Validators.nullValidator,
-                    column.validationPattern
-                        ? Validators.pattern(column.validationPattern)
-                        : Validators.nullValidator,
-                    ['select', 'radio', 'file', 'recaptcha'].indexOf(column.type) <=
-                        -1
-                        ? Validators.maxLength(column.size)
-                        : Validators.nullValidator,
-                    column.type === 'number'
-                        ? Validators.min(1)
-                        : Validators.nullValidator,
-                    column.formControlName === 'email'
-                        ? IPAFormService.email
-                        : Validators.nullValidator,
-                    column.formControlName === 'mobileNo'
-                        ? IPAFormService.mobileNo
-                        : Validators.nullValidator,
-                    column.formControlName === 'userId'
-                        ? IPAFormService.checkID
-                        : Validators.nullValidator,
-                ]));
-            }
-        });
-    }
-    addCheckboxControl(column) {
-        let checkboxGroup = new UntypedFormArray(column.data.map((item) => {
-            return new UntypedFormGroup({
-                [column.valueField]: new UntypedFormControl(item[column.valueField]),
-                [column.textField]: new UntypedFormControl(item[column.textField]),
-                checkbox: new UntypedFormControl(false),
-            });
-        }));
-        this.generateForm.addControl(column.formControlName, new UntypedFormControl(null, column.required ? Validators.required : Validators.nullValidator));
-        this.generateForm.addControl('items' + column.formControlName, checkboxGroup);
-        checkboxGroup.valueChanges.subscribe((value) => {
-            let selectedItems = this.getCheckboxSelectedValues(value);
-            if (selectedItems) {
-                this.generateForm.controls[column.formControlName].patchValue(selectedItems.map((x) => x[column.textField]));
-            }
-            else {
-                this.generateForm.controls[column.formControlName].patchValue(null);
-                this.generateForm.controls[column.formControlName].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: "15.0.4", ngImport: i0, type: GenerateFormComponent, deps: [{ token: IPAFormService }], target: i0.ɵɵFactoryTarget.Component });
-GenerateFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", isArabicForm: "isArabicForm", siteKey: "siteKey", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain" }, outputs: { successUpload: "successUpload", fileAdded: "fileAdded", fileDeleted: "fileDeleted" }, ngImport: i0, template: "<form [formGroup]=\"generateForm\">\r\n    <ng-container *ngFor=\"let column of form.columns\">\r\n        <div [ngSwitch]=\"column.type\">\r\n            <!-- TEXTAREA -->\r\n            <div *ngSwitchCase=\"'textArea'\">\r\n                <ipa-textarea-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-textarea-input>\r\n            </div>\r\n\r\n            <!-- DROP DOWN LIST -->\r\n            <div *ngSwitchCase=\"'select'\">\r\n                <ipa-dropdown-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-text-input>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: TextInputComponent, selector: "ipa-text-input", inputs: ["id", "type", "placeholder", "label", "required", "patternErrorMsg", "onlyNumber", "pattern", "classes", "containerClasses", "isArabicForm"] }, { kind: "component", type: TextareaInputComponent, selector: "ipa-textarea-input", inputs: ["id", "placeholder", "label", "required", "patternErrorMsg", "pattern", "classes", "containerClasses", "isArabicForm"] }, { kind: "component", type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: ["id", "label", "items", "textField", "valueField", "required", "firstItemLabel", "searchable", "notFoundText", "classes", "containerClasses", "isArabicForm", "fromGenerateForm"] }, { kind: "component", type: FileUploadComponent, selector: "ipa-file-upload", inputs: ["isArabicForm", "label", "required", "acceptedFiles", "multiple", "maxFileSize", "method", "autoUpload", "apiUrl", "authorization"], outputs: ["successUpload", "fileAdded", "fileDeleted"] }, { kind: "component", type: RecaptchaComponent, selector: "ipa-recaptcha", inputs: ["siteKey", "recaptchaSize", "lang", "recaptchaType", "theme", "useGlobalDomain"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GenerateFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ipa-generate-form', template: "<form [formGroup]=\"generateForm\">\r\n    <ng-container *ngFor=\"let column of form.columns\">\r\n        <div [ngSwitch]=\"column.type\">\r\n            <!-- TEXTAREA -->\r\n            <div *ngSwitchCase=\"'textArea'\">\r\n                <ipa-textarea-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-textarea-input>\r\n            </div>\r\n\r\n            <!-- DROP DOWN LIST -->\r\n            <div *ngSwitchCase=\"'select'\">\r\n                <ipa-dropdown-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-text-input>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</form>" }]
-        }], ctorParameters: function () { return [{ type: IPAFormService }]; }, propDecorators: { generateForm: [{
-                type: Input
-            }], form: [{
-                type: Input
-            }], isArabicForm: [{
-                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 GenerateFormComponent {
+    constructor(validationService) {
+        this.validationService = validationService;
+        this.isArabicForm = true;
+        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.changeDataValueForEngForm();
+        this.createForm();
+    }
+    getFormControls(formControlName) {
+        return this.generateForm.get('items' + formControlName);
+    }
+    getErrorMessage(formControlName) {
+        const formControl = this.generateForm.controls[formControlName];
+        this.errorMsg = this.validationService.getErrorMessage(formControl, '', this.isArabicForm);
+        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);
+    }
+    changeDataValueForEngForm() {
+        this.form.columns = this.form.columns.map((column) => {
+            return {
+                ...column,
+                data: column.data?.map((item) => {
+                    const value = item[column.textField];
+                    return {
+                        ...item,
+                        [column.textField]: this.isArabicForm
+                            ? value.split(',')[0]
+                            : value.split(',')[1],
+                    };
+                }),
+            };
+        });
+    }
+    createForm() {
+        this.form.columns.forEach((column) => {
+            if (column.type === 'checkbox') {
+                this.addCheckboxControl(column);
+            }
+            else {
+                this.generateForm.addControl(column.formControlName, new UntypedFormControl(column.type === 'file' && column.multipleFile > 1 ? [] : null, [
+                    column.required ? Validators.required : Validators.nullValidator,
+                    column.validationPattern
+                        ? Validators.pattern(column.validationPattern)
+                        : Validators.nullValidator,
+                    ['select', 'radio', 'file', 'recaptcha'].indexOf(column.type) <=
+                        -1
+                        ? Validators.maxLength(column.size)
+                        : Validators.nullValidator,
+                    column.type === 'number'
+                        ? Validators.min(1)
+                        : Validators.nullValidator,
+                    column.formControlName === 'email'
+                        ? IPAFormService.email
+                        : Validators.nullValidator,
+                    column.formControlName === 'mobileNo'
+                        ? IPAFormService.mobileNo
+                        : Validators.nullValidator,
+                    column.formControlName === 'userId'
+                        ? IPAFormService.checkID
+                        : Validators.nullValidator,
+                ]));
+            }
+        });
+    }
+    addCheckboxControl(column) {
+        let checkboxGroup = new UntypedFormArray(column.data.map((item) => {
+            return new UntypedFormGroup({
+                [column.valueField]: new UntypedFormControl(item[column.valueField]),
+                [column.textField]: new UntypedFormControl(item[column.textField]),
+                checkbox: new UntypedFormControl(false),
+            });
+        }));
+        this.generateForm.addControl(column.formControlName, new UntypedFormControl(null, column.required ? Validators.required : Validators.nullValidator));
+        this.generateForm.addControl('items' + column.formControlName, checkboxGroup);
+        checkboxGroup.valueChanges.subscribe((value) => {
+            let selectedItems = this.getCheckboxSelectedValues(value);
+            if (selectedItems) {
+                this.generateForm.controls[column.formControlName].patchValue(selectedItems.map((x) => x[column.textField]));
+            }
+            else {
+                this.generateForm.controls[column.formControlName].patchValue(null);
+                this.generateForm.controls[column.formControlName].markAsTouched();
+            }
+        });
+    }
+    getCheckboxSelectedValues(items) {
+        let selectedItems = items.filter((item) => item.checkbox);
+        return selectedItems.length > 0 ? selectedItems : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GenerateFormComponent, deps: [{ token: IPAFormService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", isArabicForm: "isArabicForm", siteKey: "siteKey", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain" }, outputs: { successUpload: "successUpload", fileAdded: "fileAdded", fileDeleted: "fileDeleted" }, ngImport: i0, template: "<form [formGroup]=\"generateForm\">\r\n    <ng-container *ngFor=\"let column of form.columns\">\r\n        <div [ngSwitch]=\"column.type\">\r\n            <!-- TEXTAREA -->\r\n            <div *ngSwitchCase=\"'textArea'\">\r\n                <ipa-textarea-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-textarea-input>\r\n            </div>\r\n\r\n            <!-- DROP DOWN LIST -->\r\n            <div *ngSwitchCase=\"'select'\">\r\n                <ipa-dropdown-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [required]=\"column.required\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-text-input>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i2$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2$2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2$2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "component", type: TextInputComponent, selector: "ipa-text-input", inputs: ["id", "type", "placeholder", "label", "required", "patternErrorMsg", "onlyNumber", "pattern", "classes", "containerClasses", "isArabicForm"] }, { kind: "component", type: TextareaInputComponent, selector: "ipa-textarea-input", inputs: ["id", "placeholder", "label", "required", "patternErrorMsg", "pattern", "classes", "containerClasses", "isArabicForm"] }, { kind: "component", type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: ["id", "label", "items", "textField", "valueField", "required", "firstItemLabel", "searchable", "notFoundText", "classes", "containerClasses", "isArabicForm", "fromGenerateForm"] }, { kind: "component", type: FileUploadComponent, selector: "ipa-file-upload", inputs: ["isArabicForm", "label", "required", "acceptedFiles", "multiple", "maxFileSize", "method", "autoUpload", "apiUrl", "authorization"], outputs: ["successUpload", "fileAdded", "fileDeleted"] }, { kind: "component", type: RecaptchaComponent, selector: "ipa-recaptcha", inputs: ["siteKey", "recaptchaSize", "lang", "recaptchaType", "theme", "useGlobalDomain"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GenerateFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ipa-generate-form', template: "<form [formGroup]=\"generateForm\">\r\n    <ng-container *ngFor=\"let column of form.columns\">\r\n        <div [ngSwitch]=\"column.type\">\r\n            <!-- TEXTAREA -->\r\n            <div *ngSwitchCase=\"'textArea'\">\r\n                <ipa-textarea-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-textarea-input>\r\n            </div>\r\n\r\n            <!-- DROP DOWN LIST -->\r\n            <div *ngSwitchCase=\"'select'\">\r\n                <ipa-dropdown-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\" [items]=\"column.data!\"\r\n                    [valueField]=\"column.valueField!\" [textField]=\"column.textField!\" [required]=\"column.required\"\r\n                    [searchable]=\"column.searchable!\" [notFoundText]=\"column.notFoundText!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\" [fromGenerateForm]=\"true\">\r\n                </ipa-dropdown-input>\r\n            </div>\r\n\r\n            <!-- CHECKBOX -->\r\n            <div *ngSwitchCase=\"'checkbox'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container [formArrayName]=\"'items'+ column.formControlName\"\r\n                    *ngFor=\"let control of getFormControls(column.formControlName).controls; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\" [formGroupName]=\"i\">\r\n                        <input [id]=\"column.formControlName+control.value[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"checkbox\" formControlName=\"checkbox\">\r\n                        <label class=\"form-check-label\"\r\n                            [for]=\"column.formControlName+control.value[column.valueField!]\">\r\n                            {{control.value[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- RADIO -->\r\n            <div *ngSwitchCase=\"'radio'\" [class]=\"column.containerClasses\">\r\n                <label>{{isArabicForm? column.arabicLabel : column.englishLabel}}</label>\r\n                <ng-container *ngFor=\"let item of column.data; let i = index\">\r\n                    <div class=\"form-check {{column.inputClasses}}\">\r\n                        <input [id]=\"column.formControlName+item[column.valueField!]\" class=\"form-check-input\"\r\n                            type=\"radio\" [formControlName]=\"column.formControlName\" [value]=\"item[column.textField!]\">\r\n                        <label class=\"form-check-label\" [for]=\"column.formControlName+item[column.valueField!]\">\r\n                            {{item[column.textField!]}}\r\n                        </label>\r\n                    </div>\r\n                </ng-container>\r\n                <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n                    *ngIf=\"getErrorMessage(column.formControlName) !== null\">\r\n                    {{errorMsg}}\r\n                </div>\r\n            </div>\r\n\r\n            <!-- FILE UPLOAD -->\r\n            <div *ngSwitchCase=\"'file'\" [class]=\"column.containerClasses\">\r\n                <ipa-file-upload [isArabicForm]=\"isArabicForm\" [required]=\"column.required\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [acceptedFiles]=\"column.acceptedFiles!\" [multiple]=\"column.multipleFile!\"\r\n                    [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\" [autoUpload]=\"column.autoUploadFile!\"\r\n                    [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\" ngDefaultControl\r\n                    [formControlName]=\"column.formControlName\" (successUpload)=\"SuccessUpload($event)\"\r\n                    (fileAdded)=\"FileAdded($event, column.formControlName)\"\r\n                    (fileDeleted)=\"FileDeleted($event, column.formControlName)\">\r\n                </ipa-file-upload>\r\n            </div>\r\n\r\n            <!-- recaptcha -->\r\n            <div *ngSwitchCase=\"'recaptcha'\" [class]=\"column.containerClasses\">\r\n                <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"isArabicForm? 'ar':'en'\" [theme]=\"theme\"\r\n                    [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n                    formControlName=\"{{column.formControlName}}\">\r\n                </ipa-recaptcha>\r\n            </div>\r\n\r\n            <!-- DEFAULT -->\r\n            <div *ngSwitchDefault>\r\n                <ipa-text-input [formControlName]=\"column.formControlName\" [id]=\"column.formControlName\"\r\n                    [type]=\"column.type\" [label]=\"isArabicForm? column.arabicLabel : column.englishLabel\"\r\n                    [required]=\"column.required\"\r\n                    [patternErrorMsg]=\"isArabicForm? column.patternArErrorMsg! : column.patternEnErrorMsg!\"\r\n                    [classes]=\"column.inputClasses!\" [containerClasses]=\"column.containerClasses!\"\r\n                    [isArabicForm]=\"isArabicForm\">\r\n                </ipa-text-input>\r\n            </div>\r\n        </div>\r\n    </ng-container>\r\n</form>" }]
+        }], ctorParameters: function () { return [{ type: IPAFormService }]; }, propDecorators: { generateForm: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], isArabicForm: [{
+                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, cd) {
-        this.ipaFormService = ipaFormService;
-        this.calendar = calendar;
-        this.controlDir = controlDir;
-        this.cd = cd;
-        this.label = 'datepicker';
-        this.patternErrorMsg = 'invalid pattern';
-        this.required = false;
-        this.isArabicForm = true;
-        this.today = this.calendar.getToday();
-        this.formControl = new UntypedFormControl('');
-        this.controlDir.valueAccessor = this;
-        config.container = null;
-        config.placement = 'bottom-center';
-    }
-    ngAfterContentChecked() {
-        this.cd.detectChanges();
-    }
-    ngOnInit() {
-        const control = this.controlDir.control;
-        const validators = control?.validator ? [control.validator] : [];
-        if (this.isHijriDatepicker)
-            validators.push(IPAFormService.validHijriDate);
-        control?.setValidators(validators);
-        control?.updateValueAndValidity();
-        this.formControl = control;
-    }
-    onChange(event) { }
-    onTouched() { }
-    writeValue(obj) { }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    openDatepicker(event) {
-        if (!this.datepicker.isOpen()) {
-            this.datepicker.toggle();
-            event.preventDefault();
-            return;
-        }
-        this.datepicker.close();
-    }
-    get errorMessage() {
-        this.errorMsg = this.ipaFormService.getErrorMessage(this.formControl, this.patternErrorMsg, this.isArabicForm);
-        return this.errorMsg;
-    }
-}
-DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DatepickerComponent, deps: [{ token: IPAFormService }, { token: i2.NgbCalendar }, { token: i2$1.NgControl, self: true }, { token: i2.NgbInputDatepickerConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DatepickerComponent, selector: "ipa-datepicker", inputs: { id: "id", label: "label", patternErrorMsg: "patternErrorMsg", required: "required", maxDate: "maxDate", minDate: "minDate", classes: "classes", containerClasses: "containerClasses", isArabicForm: "isArabicForm" }, viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["d"], descendants: 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { datepicker: [{
-                type: ViewChild,
-                args: ['d']
-            }], id: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], patternErrorMsg: [{
-                type: Input
-            }], required: [{
-                type: Input
-            }], maxDate: [{
-                type: Input
-            }], minDate: [{
-                type: Input
-            }], classes: [{
-                type: Input
-            }], containerClasses: [{
-                type: Input
-            }], isArabicForm: [{
-                type: Input
+class DatepickerComponent {
+    constructor(ipaFormService, calendar, controlDir, config, cd) {
+        this.ipaFormService = ipaFormService;
+        this.calendar = calendar;
+        this.controlDir = controlDir;
+        this.cd = cd;
+        this.label = 'datepicker';
+        this.patternErrorMsg = 'invalid pattern';
+        this.required = false;
+        this.isArabicForm = true;
+        this.today = this.calendar.getToday();
+        this.formControl = new UntypedFormControl('');
+        this.controlDir.valueAccessor = this;
+        config.container = null;
+        config.placement = 'bottom-center';
+    }
+    ngAfterContentChecked() {
+        this.cd.detectChanges();
+    }
+    ngOnInit() {
+        const control = this.controlDir.control;
+        const validators = control?.validator ? [control.validator] : [];
+        if (this.isHijriDatepicker)
+            validators.push(IPAFormService.validHijriDate);
+        control?.setValidators(validators);
+        control?.updateValueAndValidity();
+        this.formControl = control;
+    }
+    onChange(event) { }
+    onTouched() { }
+    writeValue(obj) { }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    openDatepicker(event) {
+        if (!this.datepicker.isOpen()) {
+            this.datepicker.toggle();
+            event.preventDefault();
+            return;
+        }
+        this.datepicker.close();
+    }
+    get errorMessage() {
+        this.errorMsg = this.ipaFormService.getErrorMessage(this.formControl, this.patternErrorMsg, this.isArabicForm);
+        return this.errorMsg;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: DatepickerComponent, deps: [{ token: IPAFormService }, { token: i2.NgbCalendar }, { token: i2$1.NgControl, self: true }, { token: i2.NgbInputDatepickerConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: DatepickerComponent, selector: "ipa-datepicker", inputs: { id: "id", label: "label", patternErrorMsg: "patternErrorMsg", required: "required", maxDate: "maxDate", minDate: "minDate", classes: "classes", containerClasses: "containerClasses", isArabicForm: "isArabicForm" }, viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["d"], descendants: 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { datepicker: [{
+                type: ViewChild,
+                args: ['d']
+            }], id: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], patternErrorMsg: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], maxDate: [{
+                type: Input
+            }], minDate: [{
+                type: Input
+            }], classes: [{
+                type: Input
+            }], containerClasses: [{
+                type: Input
+            }], isArabicForm: [{
+                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: "15.0.4", ngImport: i0, type: IslamicI18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-IslamicI18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IslamicI18n });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IslamicI18n, decorators: [{
-            type: Injectable
+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}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: IslamicI18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: IslamicI18n }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: IslamicI18n, decorators: [{
+            type: Injectable
         }] });
 
-class HijriDatepickerComponent extends DatepickerComponent {
-    constructor() {
-        super(...arguments);
-        this.isHijriDatepicker = true;
-    }
-}
-HijriDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: HijriDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-HijriDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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 HijriDatepickerComponent extends DatepickerComponent {
+    constructor() {
+        super(...arguments);
+        this.isHijriDatepicker = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: HijriDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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: "15.0.4", ngImport: i0, type: Gregorian18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-Gregorian18n.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Gregorian18n });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: Gregorian18n, decorators: [{
-            type: Injectable
+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}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: Gregorian18n, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: Gregorian18n }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: Gregorian18n, decorators: [{
+            type: Injectable
         }] });
 
-class GregorianDatepickerComponent extends DatepickerComponent {
-    constructor() {
-        super(...arguments);
-        this.isHijriDatepicker = false;
-    }
-}
-GregorianDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: GregorianDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-GregorianDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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 GregorianDatepickerComponent extends DatepickerComponent {
+    constructor() {
+        super(...arguments);
+        this.isHijriDatepicker = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: GregorianDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", 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]" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "contentTemplate", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "popperOptions", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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()\"\r\n        placeholder=\"{{label}}\">\r\n    <label for=\"{{id}}\">{{label}}</label>\r\n    <span class=\"input-group-text calenderBtn\" (click)=\"openDatepicker($event)\">\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');
-        if (!elements[0].getAttribute('id')) {
-            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: "15.0.4", ngImport: i0, type: ShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ShareButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", 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','copy']\">\r\n</share-popup-button>", styles: [""], dependencies: [{ kind: "component", 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: "15.0.4", 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','copy']\">\r\n</share-popup-button>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
-                type: Input
-            }], description: [{
-                type: Input
-            }], btnLabel: [{
-                type: Input
+class ShareButtonComponent {
+    constructor() {
+        this.title = '';
+        this.description = '';
+        this.btnLabel = '';
+    }
+    ngAfterViewInit() {
+        const elements = document.getElementsByClassName('sb-show-icon');
+        if (!elements[0].getAttribute('id')) {
+            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);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ShareButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", 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','copy']\">\r\n</share-popup-button>", styles: [""], dependencies: [{ kind: "component", 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: "16.1.6", 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','copy']\">\r\n</share-popup-button>" }]
+        }], 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: "15.0.4", ngImport: i0, type: ShareButtonModule, deps: [{ token: i1$2.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
-ShareButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", 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: "15.0.4", ngImport: i0, type: ShareButtonModule, imports: [ShareIconsModule,
-        ShareButtonsPopupModule,
-        OverlayModule,
-        FontAwesomeModule, ShareIconsModule,
-        ShareButtonsPopupModule,
-        OverlayModule,
-        FontAwesomeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ShareButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ShareButtonComponent],
-                    imports: [
-                        ShareIconsModule,
-                        ShareButtonsPopupModule,
-                        OverlayModule,
-                        FontAwesomeModule,
-                    ],
-                    exports: [
-                        ShareButtonComponent,
-                        ShareIconsModule,
-                        ShareButtonsPopupModule,
-                        OverlayModule,
-                        FontAwesomeModule,
-                    ]
-                }]
+class ShareButtonModule {
+    constructor(library) {
+        library.addIconPacks(fas);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ShareButtonModule, deps: [{ token: i1$2.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: ShareButtonModule, declarations: [ShareButtonComponent], imports: [ShareIconsModule,
+            ShareButtonsPopupModule,
+            OverlayModule,
+            FontAwesomeModule], exports: [ShareButtonComponent,
+            ShareIconsModule,
+            ShareButtonsPopupModule,
+            OverlayModule,
+            FontAwesomeModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ShareButtonModule, imports: [ShareIconsModule,
+            ShareButtonsPopupModule,
+            OverlayModule,
+            FontAwesomeModule, ShareIconsModule,
+            ShareButtonsPopupModule,
+            OverlayModule,
+            FontAwesomeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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: "15.0.4", ngImport: i0, type: NgIPALibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgIPALibraryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.0.4", 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: "15.0.4", ngImport: i0, type: NgIPALibraryModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        ToastrModule,
-        DropzoneModule,
-        NgxCaptchaModule,
-        PipesModule,
-        NgbDatepickerModule,
-        ShareButtonModule,
-        NgSelectModule, PipesModule,
-        ShareButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", 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 NgIPALibraryModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: NgIPALibraryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", 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] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: NgIPALibraryModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ToastrModule,
+            DropzoneModule,
+            NgxCaptchaModule,
+            PipesModule,
+            NgbDatepickerModule,
+            ShareButtonModule,
+            NgSelectModule, PipesModule,
+            ShareButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", 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: "15.0.4", ngImport: i0, type: LoadingInterceptor, deps: [{ token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable });
-LoadingInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoadingInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: LoadingInterceptor, decorators: [{
-            type: Injectable
+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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoadingInterceptor, deps: [{ token: LoaderService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoadingInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: LoadingInterceptor, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: LoaderService }]; } });
 
-class CommonService {
-    constructor(toastrService) {
-        this.toastrService = toastrService;
-    }
-    copyToClipboard(copyText, message) {
-        navigator.clipboard.writeText(copyText.toString());
-        this.toastrService.success(message, '', {
-            positionClass: 'toast-bottom-right',
-        });
-    }
-    print(element, title, classes) {
-        const styles = this.getElementTag('style');
-        const links = 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');
+class CommonService {
+    constructor(toastrService) {
+        this.toastrService = toastrService;
+    }
+    copyToClipboard(copyText, message) {
+        navigator.clipboard.writeText(copyText.toString());
+        this.toastrService.success(message, '', {
+            positionClass: 'toast-bottom-right',
+        });
+    }
+    print(element, title, classes) {
+        const styles = this.getElementTag('style');
+        const links = 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>
@@ -1396,461 +1396,461 @@ class CommonService {
             ${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: "15.0.4", ngImport: i0, type: CommonService, deps: [{ token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable });
-CommonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CommonService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: CommonService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+        </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');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CommonService, deps: [{ token: i1.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CommonService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: CommonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1.ToastrService }]; } });
 
-class ErrorService {
-    constructor(toastrService, commonService) {
-        this.toastrService = toastrService;
-        this.commonService = commonService;
-        this.urls = [];
-    }
-    setExceptionUrls(urls) {
-        this.urls = urls;
-    }
-    addExceptionUrl(url) {
-        this.urls.push(url);
-    }
-    showErrorMsg(response, toastrConfig) {
-        if (response.errors && response.errors.length > 0) {
-            toastrConfig.enableHtml = true;
-            let msg = '';
-            response.errors.forEach((error) => {
-                msg += `<li>${error}</li>`;
-            });
-            this.toastrService.error(`<ul>${msg}</ul>`, response.message, toastrConfig);
-        }
-        else {
-            this.toastrService.error('', response.message, toastrConfig);
-        }
-    }
-    show500ErrorMsg(response, toastrConfig) {
-        const msg = response.innerException + ' ' + (response.stackTrace ?? '');
-        const toastr = this.toastrService.error(msg, response.message, toastrConfig);
-        toastr.onShown.subscribe(() => {
-            this.addCopyButton(response.message + '\n' + msg);
-        });
-    }
-    addCopyButton(copyText) {
-        const messageToast = document.getElementsByClassName('toast-message')[0];
-        const icon = document.createElement('i');
-        icon.classList.add('ms-2', 'fas', 'fa-copy');
-        icon.addEventListener('click', () => {
-            this.commonService.copyToClipboard(copyText, 'تم نسخ الرسالة إلى الحافظة');
-        });
-        messageToast.appendChild(icon);
-    }
-}
-ErrorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ErrorService, deps: [{ token: i1.ToastrService }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Injectable });
-ErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ErrorService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ErrorService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class ErrorService {
+    constructor(toastrService, commonService) {
+        this.toastrService = toastrService;
+        this.commonService = commonService;
+        this.urls = [];
+    }
+    setExceptionUrls(urls) {
+        this.urls = urls;
+    }
+    addExceptionUrl(url) {
+        this.urls.push(url);
+    }
+    showErrorMsg(response, toastrConfig) {
+        if (response.errors && response.errors.length > 0) {
+            toastrConfig.enableHtml = true;
+            let msg = '';
+            response.errors.forEach((error) => {
+                msg += `<li>${error}</li>`;
+            });
+            this.toastrService.error(`<ul>${msg}</ul>`, response.message, toastrConfig);
+        }
+        else {
+            this.toastrService.error('', response.message, toastrConfig);
+        }
+    }
+    show500ErrorMsg(response, toastrConfig) {
+        const msg = response.innerException + ' ' + (response.stackTrace ?? '');
+        const toastr = this.toastrService.error(msg, response.message, toastrConfig);
+        toastr.onShown.subscribe(() => {
+            this.addCopyButton(response.message + '\n' + msg);
+        });
+    }
+    addCopyButton(copyText) {
+        const messageToast = document.getElementsByClassName('toast-message')[0];
+        const icon = document.createElement('i');
+        icon.classList.add('ms-2', 'fas', 'fa-copy');
+        icon.addEventListener('click', () => {
+            this.commonService.copyToClipboard(copyText, 'تم نسخ الرسالة إلى الحافظة');
+        });
+        messageToast.appendChild(icon);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ErrorService, deps: [{ token: i1.ToastrService }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ErrorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ErrorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: i1.ToastrService }, { type: CommonService }]; } });
 
-class ErrorInterceptor {
-    constructor(errorService) {
-        this.errorService = errorService;
-    }
-    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,
-                closeButton: true,
-                tapToDismiss: false,
-            };
-            switch (response.statusCode) {
-                case 500:
-                    this.errorService.show500ErrorMsg(response, toastrConfig);
-                    break;
-                default:
-                    this.errorService.showErrorMsg(response, 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: "15.0.4", ngImport: i0, type: ErrorInterceptor, deps: [{ token: ErrorService }], target: i0.ɵɵFactoryTarget.Injectable });
-ErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ErrorInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ErrorInterceptor, decorators: [{
-            type: Injectable
+class ErrorInterceptor {
+    constructor(errorService) {
+        this.errorService = errorService;
+    }
+    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,
+                closeButton: true,
+                tapToDismiss: false,
+            };
+            switch (response.statusCode) {
+                case 500:
+                    this.errorService.show500ErrorMsg(response, toastrConfig);
+                    break;
+                default:
+                    this.errorService.showErrorMsg(response, 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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ErrorInterceptor, deps: [{ token: ErrorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ErrorInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ErrorInterceptor, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: ErrorService }]; } });
 
-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,
-        });
-    }
-    getTokenFromHidden() {
-        return (document.querySelector('[id$=hfToken]').value ?? '');
-    }
-    getDecodedTokenFromHidden() {
-        return this.decodeJwt(this.getTokenFromHidden());
-    }
-    setCurrentUserFromHidden() {
-        const decodedToken = this.getDecodedTokenFromHidden();
-        this.currentUser.next({
-            nameid: decodedToken.nameid?.split('\\')[1],
-            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: "15.0.4", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: AuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+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,
+        });
+    }
+    getTokenFromHidden() {
+        return (document.querySelector('[id$=hfToken]').value ?? '');
+    }
+    getDecodedTokenFromHidden() {
+        return this.decodeJwt(this.getTokenFromHidden());
+    }
+    setCurrentUserFromHidden() {
+        const decodedToken = this.getDecodedTokenFromHidden();
+        this.currentUser.next({
+            nameid: decodedToken.nameid?.split('\\')[1],
+            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);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AuthService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return []; } });
 
-class TokenService {
-    constructor() {
-        this.urls = [];
-    }
-    setExceptionUrls(urls) {
-        this.urls = urls;
-    }
-    addExceptionUrl(url) {
-        this.urls.push(url);
-    }
-}
-TokenService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TokenService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TokenService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TokenService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class TokenService {
+    constructor() {
+        this.urls = [];
+    }
+    setExceptionUrls(urls) {
+        this.urls = urls;
+    }
+    addExceptionUrl(url) {
+        this.urls.push(url);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TokenService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TokenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TokenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return []; } });
 
-class TokenInterceptor {
-    constructor(authService, http, loaderService, tokenService) {
-        this.authService = authService;
-        this.http = http;
-        this.loaderService = loaderService;
-        this.tokenService = tokenService;
-        this.refresh = true;
-        this.loaderService.addExceptionUrl({
-            path: '/api/users?refresh',
-            method: 'GET',
-        });
-        this.tokenService.addExceptionUrl({
-            path: '/api/users?refresh',
-            method: 'GET',
-        });
-    }
-    intercept(request, next) {
-        if (this.isException(request)) {
-            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 + `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(req) {
-        for (const url of this.tokenService.urls) {
-            if (req.url.includes(url.path) && req.method === url.method) {
-                return true;
-            }
-        }
-        return false;
-    }
-}
-TokenInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TokenInterceptor, deps: [{ token: AuthService }, { token: i2$4.HttpClient }, { token: LoaderService }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Injectable });
-TokenInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TokenInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TokenInterceptor, decorators: [{
-            type: Injectable
+class TokenInterceptor {
+    constructor(authService, http, loaderService, tokenService) {
+        this.authService = authService;
+        this.http = http;
+        this.loaderService = loaderService;
+        this.tokenService = tokenService;
+        this.refresh = true;
+        this.loaderService.addExceptionUrl({
+            path: '/api/users?refresh',
+            method: 'GET',
+        });
+        this.tokenService.addExceptionUrl({
+            path: '/api/users?refresh',
+            method: 'GET',
+        });
+    }
+    intercept(request, next) {
+        if (this.isException(request)) {
+            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 + `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(req) {
+        for (const url of this.tokenService.urls) {
+            if (req.url.includes(url.path) && req.method === url.method) {
+                return true;
+            }
+        }
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TokenInterceptor, deps: [{ token: AuthService }, { token: i2$4.HttpClient }, { token: LoaderService }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TokenInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: TokenInterceptor, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: AuthService }, { type: i2$4.HttpClient }, { type: LoaderService }, { type: TokenService }]; } });
 
-class myIPATokenInterceptor {
-    constructor(authService) {
-        this.authService = authService;
-    }
-    intercept(request, next) {
-        const token = this.authService.getTokenFromHidden();
-        if (token) {
-            request = request.clone({
-                setHeaders: {
-                    Authorization: `Bearer ${token}`,
-                },
-            });
-        }
-        return next.handle(request);
-    }
-}
-myIPATokenInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: myIPATokenInterceptor, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable });
-myIPATokenInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: myIPATokenInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: myIPATokenInterceptor, decorators: [{
-            type: Injectable
+class myIPATokenInterceptor {
+    constructor(authService) {
+        this.authService = authService;
+    }
+    intercept(request, next) {
+        const token = this.authService.getTokenFromHidden();
+        if (token) {
+            request = request.clone({
+                setHeaders: {
+                    Authorization: `Bearer ${token}`,
+                },
+            });
+        }
+        return next.handle(request);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: myIPATokenInterceptor, deps: [{ token: AuthService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: myIPATokenInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: myIPATokenInterceptor, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: AuthService }]; } });
 
-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: "15.0.4", ngImport: i0, type: BreadcrumbsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-BreadcrumbsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbsService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: BreadcrumbsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BreadcrumbsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BreadcrumbsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: BreadcrumbsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return []; } });
 
-/*
- * Public API Surface of ipa-library
+/*
+ * Public API Surface of ipa-library
  */
+// module
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * 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, TokenService, myIPATokenInterceptor };
 //# sourceMappingURL=ng-ipa-library.mjs.map
-//# sourceMappingURL=ng-ipa-library.mjs.map