ng-ipa-library 4.0.19 → 4.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/ipa-form/datepicker/datepicker.component.mjs +13 -34
- package/esm2022/lib/ipa-form/datepicker/gregorian-datepicker/gregorian-datepicker.component.mjs +3 -3
- package/esm2022/lib/ipa-form/datepicker/hijri-datepicker/hijri-datepicker.component.mjs +3 -3
- package/esm2022/lib/ipa-form/text-input/text-input.component.mjs +3 -3
- package/fesm2022/ng-ipa-library.mjs +14 -35
- package/fesm2022/ng-ipa-library.mjs.map +1 -1
- package/lib/ipa-form/datepicker/datepicker.component.d.ts +6 -11
- package/package.json +1 -1
|
@@ -437,11 +437,11 @@ class TextInputComponent {
|
|
|
437
437
|
return this.errorMsg;
|
|
438
438
|
}
|
|
439
439
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TextInputComponent, deps: [{ token: IPAFormService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
440
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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" }, hostDirectives: [{ directive: HostControlDirectiveDirective }], ngImport: i0, template: "<div class=\"form-floating {{ containerClasses }}\">\r\n <input\r\n
|
|
440
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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" }, hostDirectives: [{ directive: HostControlDirectiveDirective }], ngImport: i0, template: "<div class=\"form-floating {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n class=\"form-control {{ classes }}\"\r\n [type]=\"type\"\r\n [required]=\"required\"\r\n pattern=\"{{ pattern }}\"\r\n placeholder=\"{{ placeholder }}\"\r\n [formControl]=\"formControl.control\"\r\n (input)=\"checkIsNumber($event)\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control.invalid &&\r\n (formControl.control.dirty || formControl.control.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n />\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>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
441
441
|
}
|
|
442
442
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
443
443
|
type: Component,
|
|
444
|
-
args: [{ selector: 'ipa-text-input', hostDirectives: [HostControlDirectiveDirective], template: "<div class=\"form-floating {{ containerClasses }}\">\r\n <input\r\n
|
|
444
|
+
args: [{ selector: 'ipa-text-input', hostDirectives: [HostControlDirectiveDirective], template: "<div class=\"form-floating {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n class=\"form-control {{ classes }}\"\r\n [type]=\"type\"\r\n [required]=\"required\"\r\n pattern=\"{{ pattern }}\"\r\n placeholder=\"{{ placeholder }}\"\r\n [formControl]=\"formControl.control\"\r\n (input)=\"checkIsNumber($event)\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control.invalid &&\r\n (formControl.control.dirty || formControl.control.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n />\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>\r\n" }]
|
|
445
445
|
}], ctorParameters: () => [{ type: IPAFormService }, { type: i0.ChangeDetectorRef }], propDecorators: { id: [{
|
|
446
446
|
type: Input
|
|
447
447
|
}], type: [{
|
|
@@ -993,42 +993,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImpo
|
|
|
993
993
|
}] } });
|
|
994
994
|
|
|
995
995
|
class DatepickerComponent {
|
|
996
|
-
constructor(ipaFormService, calendar,
|
|
996
|
+
constructor(ipaFormService, calendar, config, cd) {
|
|
997
997
|
this.ipaFormService = ipaFormService;
|
|
998
998
|
this.calendar = calendar;
|
|
999
|
-
this.controlDir = controlDir;
|
|
1000
999
|
this.cd = cd;
|
|
1001
1000
|
this.label = 'datepicker';
|
|
1002
1001
|
this.patternErrorMsg = 'invalid pattern';
|
|
1003
1002
|
this.required = false;
|
|
1004
1003
|
this.isArabicForm = true;
|
|
1005
1004
|
this.today = this.calendar.getToday();
|
|
1006
|
-
this.formControl =
|
|
1007
|
-
this.controlDir.valueAccessor = this;
|
|
1005
|
+
this.formControl = inject(HostControlDirectiveDirective);
|
|
1008
1006
|
config.container = null;
|
|
1009
1007
|
config.placement = 'bottom-center';
|
|
1010
1008
|
}
|
|
1011
1009
|
ngAfterContentChecked() {
|
|
1012
1010
|
this.cd.detectChanges();
|
|
1013
1011
|
}
|
|
1014
|
-
ngOnInit() {
|
|
1015
|
-
const control = this.controlDir.control;
|
|
1016
|
-
const validators = control?.validator ? [control.validator] : [];
|
|
1017
|
-
if (this.isHijriDatepicker)
|
|
1018
|
-
validators.push(IPAFormService.validHijriDate);
|
|
1019
|
-
control?.setValidators(validators);
|
|
1020
|
-
control?.updateValueAndValidity();
|
|
1021
|
-
this.formControl = control;
|
|
1022
|
-
}
|
|
1023
|
-
onChange(event) { }
|
|
1024
|
-
onTouched() { }
|
|
1025
|
-
writeValue(obj) { }
|
|
1026
|
-
registerOnChange(fn) {
|
|
1027
|
-
this.onChange = fn;
|
|
1028
|
-
}
|
|
1029
|
-
registerOnTouched(fn) {
|
|
1030
|
-
this.onTouched = fn;
|
|
1031
|
-
}
|
|
1012
|
+
ngOnInit() { }
|
|
1032
1013
|
openDatepicker(event) {
|
|
1033
1014
|
if (!this.datepicker.isOpen()) {
|
|
1034
1015
|
setTimeout(() => {
|
|
@@ -1041,7 +1022,7 @@ class DatepickerComponent {
|
|
|
1041
1022
|
this.datepicker.close();
|
|
1042
1023
|
}
|
|
1043
1024
|
get errorMessage() {
|
|
1044
|
-
this.errorMsg = this.ipaFormService.getErrorMessage(this.formControl, this.patternErrorMsg, this.isArabicForm);
|
|
1025
|
+
this.errorMsg = this.ipaFormService.getErrorMessage(this.formControl.control, this.patternErrorMsg, this.isArabicForm);
|
|
1045
1026
|
return this.errorMsg;
|
|
1046
1027
|
}
|
|
1047
1028
|
changeDatepickerTitles() {
|
|
@@ -1077,15 +1058,13 @@ class DatepickerComponent {
|
|
|
1077
1058
|
selectList.item(1).title = 'Select year';
|
|
1078
1059
|
}
|
|
1079
1060
|
}
|
|
1080
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DatepickerComponent, deps: [{ token: IPAFormService }, { token: i2.NgbCalendar }, { token: i2
|
|
1081
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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
|
|
1061
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DatepickerComponent, deps: [{ token: IPAFormService }, { token: i2.NgbCalendar }, { token: i2.NgbInputDatepickerConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1062
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", 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 }], hostDirectives: [{ directive: HostControlDirectiveDirective }], ngImport: i0, template: "<div class=\"form-floating input-group {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control?.invalid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n class=\"form-control {{ classes }}\"\r\n [formControl]=\"formControl.control\"\r\n [firstDayOfWeek]=\"7\"\r\n ngbDatepicker\r\n #d=\"ngbDatepicker\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [required]=\"required\"\r\n style=\"outline: unset; z-index: unset !important\"\r\n autocomplete=\"off\"\r\n placeholder=\"{{ label }}\"\r\n />\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\r\n type=\"button\"\r\n class=\"btn btn-primary btn-sm m-2\"\r\n style=\"width: auto; float: right\"\r\n (click)=\"\r\n formControl.control.patchValue(today); d.navigateTo(today); d.close()\r\n \"\r\n >\r\n \u0627\u0644\u064A\u0648\u0645\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-secondary btn-sm m-2\"\r\n style=\"width: auto; float: left\"\r\n (click)=\"formControl.control.patchValue(null); d.close()\"\r\n >\r\n \u0645\u0633\u062D\r\n </button>\r\n </ng-template>\r\n</div>\r\n", 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.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"] }] }); }
|
|
1082
1063
|
}
|
|
1083
1064
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: DatepickerComponent, decorators: [{
|
|
1084
1065
|
type: Component,
|
|
1085
|
-
args: [{ selector: 'ipa-datepicker', template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n
|
|
1086
|
-
}], ctorParameters: () => [{ type: IPAFormService }, { type: i2.NgbCalendar }, { type: i2
|
|
1087
|
-
type: Self
|
|
1088
|
-
}] }, { type: i2.NgbInputDatepickerConfig }, { type: i0.ChangeDetectorRef }], propDecorators: { datepicker: [{
|
|
1066
|
+
args: [{ selector: 'ipa-datepicker', hostDirectives: [HostControlDirectiveDirective], template: "<div class=\"form-floating input-group {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control?.invalid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n class=\"form-control {{ classes }}\"\r\n [formControl]=\"formControl.control\"\r\n [firstDayOfWeek]=\"7\"\r\n ngbDatepicker\r\n #d=\"ngbDatepicker\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [required]=\"required\"\r\n style=\"outline: unset; z-index: unset !important\"\r\n autocomplete=\"off\"\r\n placeholder=\"{{ label }}\"\r\n />\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\r\n type=\"button\"\r\n class=\"btn btn-primary btn-sm m-2\"\r\n style=\"width: auto; float: right\"\r\n (click)=\"\r\n formControl.control.patchValue(today); d.navigateTo(today); d.close()\r\n \"\r\n >\r\n \u0627\u0644\u064A\u0648\u0645\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-secondary btn-sm m-2\"\r\n style=\"width: auto; float: left\"\r\n (click)=\"formControl.control.patchValue(null); d.close()\"\r\n >\r\n \u0645\u0633\u062D\r\n </button>\r\n </ng-template>\r\n</div>\r\n", 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"] }]
|
|
1067
|
+
}], ctorParameters: () => [{ type: IPAFormService }, { type: i2.NgbCalendar }, { type: i2.NgbInputDatepickerConfig }, { type: i0.ChangeDetectorRef }], propDecorators: { datepicker: [{
|
|
1089
1068
|
type: ViewChild,
|
|
1090
1069
|
args: ['d']
|
|
1091
1070
|
}], id: [{
|
|
@@ -1152,14 +1131,14 @@ class HijriDatepickerComponent extends DatepickerComponent {
|
|
|
1152
1131
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: HijriDatepickerComponent, selector: "ipa-hijri-datepicker", providers: [
|
|
1153
1132
|
{ provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },
|
|
1154
1133
|
{ provide: NgbDatepickerI18n, useClass: IslamicI18n },
|
|
1155
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n
|
|
1134
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"form-floating input-group {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control?.invalid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n class=\"form-control {{ classes }}\"\r\n [formControl]=\"formControl.control\"\r\n [firstDayOfWeek]=\"7\"\r\n ngbDatepicker\r\n #d=\"ngbDatepicker\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [required]=\"required\"\r\n style=\"outline: unset; z-index: unset !important\"\r\n autocomplete=\"off\"\r\n placeholder=\"{{ label }}\"\r\n />\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\r\n type=\"button\"\r\n class=\"btn btn-primary btn-sm m-2\"\r\n style=\"width: auto; float: right\"\r\n (click)=\"\r\n formControl.control.patchValue(today); d.navigateTo(today); d.close()\r\n \"\r\n >\r\n \u0627\u0644\u064A\u0648\u0645\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-secondary btn-sm m-2\"\r\n style=\"width: auto; float: left\"\r\n (click)=\"formControl.control.patchValue(null); d.close()\"\r\n >\r\n \u0645\u0633\u062D\r\n </button>\r\n </ng-template>\r\n</div>\r\n", 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.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"] }] }); }
|
|
1156
1135
|
}
|
|
1157
1136
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: HijriDatepickerComponent, decorators: [{
|
|
1158
1137
|
type: Component,
|
|
1159
1138
|
args: [{ selector: 'ipa-hijri-datepicker', providers: [
|
|
1160
1139
|
{ provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },
|
|
1161
1140
|
{ provide: NgbDatepickerI18n, useClass: IslamicI18n },
|
|
1162
|
-
], template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n
|
|
1141
|
+
], template: "<div class=\"form-floating input-group {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control?.invalid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n class=\"form-control {{ classes }}\"\r\n [formControl]=\"formControl.control\"\r\n [firstDayOfWeek]=\"7\"\r\n ngbDatepicker\r\n #d=\"ngbDatepicker\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [required]=\"required\"\r\n style=\"outline: unset; z-index: unset !important\"\r\n autocomplete=\"off\"\r\n placeholder=\"{{ label }}\"\r\n />\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\r\n type=\"button\"\r\n class=\"btn btn-primary btn-sm m-2\"\r\n style=\"width: auto; float: right\"\r\n (click)=\"\r\n formControl.control.patchValue(today); d.navigateTo(today); d.close()\r\n \"\r\n >\r\n \u0627\u0644\u064A\u0648\u0645\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-secondary btn-sm m-2\"\r\n style=\"width: auto; float: left\"\r\n (click)=\"formControl.control.patchValue(null); d.close()\"\r\n >\r\n \u0645\u0633\u062D\r\n </button>\r\n </ng-template>\r\n</div>\r\n", 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"] }]
|
|
1163
1142
|
}] });
|
|
1164
1143
|
|
|
1165
1144
|
const WEEKDAYS = ['ن', 'ث', 'ر', 'خ', 'ج', 'س', 'ح'];
|
|
@@ -1206,14 +1185,14 @@ class GregorianDatepickerComponent extends DatepickerComponent {
|
|
|
1206
1185
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.11", type: GregorianDatepickerComponent, selector: "ipa-gregorian-datepicker", providers: [
|
|
1207
1186
|
{ provide: NgbCalendar, useClass: NgbCalendarGregorian },
|
|
1208
1187
|
{ provide: NgbDatepickerI18n, useClass: Gregorian18n },
|
|
1209
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n
|
|
1188
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"form-floating input-group {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control?.invalid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n class=\"form-control {{ classes }}\"\r\n [formControl]=\"formControl.control\"\r\n [firstDayOfWeek]=\"7\"\r\n ngbDatepicker\r\n #d=\"ngbDatepicker\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [required]=\"required\"\r\n style=\"outline: unset; z-index: unset !important\"\r\n autocomplete=\"off\"\r\n placeholder=\"{{ label }}\"\r\n />\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\r\n type=\"button\"\r\n class=\"btn btn-primary btn-sm m-2\"\r\n style=\"width: auto; float: right\"\r\n (click)=\"\r\n formControl.control.patchValue(today); d.navigateTo(today); d.close()\r\n \"\r\n >\r\n \u0627\u0644\u064A\u0648\u0645\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-secondary btn-sm m-2\"\r\n style=\"width: auto; float: left\"\r\n (click)=\"formControl.control.patchValue(null); d.close()\"\r\n >\r\n \u0645\u0633\u062D\r\n </button>\r\n </ng-template>\r\n</div>\r\n", 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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$2.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"] }] }); }
|
|
1210
1189
|
}
|
|
1211
1190
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.11", ngImport: i0, type: GregorianDatepickerComponent, decorators: [{
|
|
1212
1191
|
type: Component,
|
|
1213
1192
|
args: [{ selector: 'ipa-gregorian-datepicker', providers: [
|
|
1214
1193
|
{ provide: NgbCalendar, useClass: NgbCalendarGregorian },
|
|
1215
1194
|
{ provide: NgbDatepickerI18n, useClass: Gregorian18n },
|
|
1216
|
-
], template: "<div class=\"form-floating input-group {{containerClasses}}\">\r\n
|
|
1195
|
+
], template: "<div class=\"form-floating input-group {{ containerClasses }}\">\r\n <input\r\n id=\"{{ id }}\"\r\n [ngClass]=\"{\r\n 'is-invalid is-invalid:focus':\r\n formControl.control?.invalid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n errorMsg,\r\n 'is-valid is-valid:focus':\r\n formControl.control?.valid &&\r\n (formControl.control?.dirty || formControl.control?.touched) &&\r\n (errorMsg || formControl.control.value)\r\n }\"\r\n class=\"form-control {{ classes }}\"\r\n [formControl]=\"formControl.control\"\r\n [firstDayOfWeek]=\"7\"\r\n ngbDatepicker\r\n #d=\"ngbDatepicker\"\r\n [maxDate]=\"maxDate\"\r\n [minDate]=\"minDate\"\r\n [footerTemplate]=\"footerTemplate\"\r\n [required]=\"required\"\r\n style=\"outline: unset; z-index: unset !important\"\r\n autocomplete=\"off\"\r\n placeholder=\"{{ label }}\"\r\n />\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\r\n type=\"button\"\r\n class=\"btn btn-primary btn-sm m-2\"\r\n style=\"width: auto; float: right\"\r\n (click)=\"\r\n formControl.control.patchValue(today); d.navigateTo(today); d.close()\r\n \"\r\n >\r\n \u0627\u0644\u064A\u0648\u0645\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"btn btn-secondary btn-sm m-2\"\r\n style=\"width: auto; float: left\"\r\n (click)=\"formControl.control.patchValue(null); d.close()\"\r\n >\r\n \u0645\u0633\u062D\r\n </button>\r\n </ng-template>\r\n</div>\r\n", 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"] }]
|
|
1217
1196
|
}] });
|
|
1218
1197
|
|
|
1219
1198
|
class ShareButtonComponent {
|