@elite.framework/ng.core 1.0.36 → 1.0.37

package/fesm2022/elite.framework-ng.core.mjs

@@ -3,7 +3,7 @@ import { EventEmitter, Output, Input, Component, InjectionToken, inject, Inject,
 import * as i2 from '@angular/forms';
 import { FormGroup, FormsModule, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 import * as i1$8 from '@ngx-formly/core';
-import { FormlyForm, FieldType, FormlyAttributes, FormlyField, FieldWrapper, FormlyModule, FieldArrayType, provideFormlyCore } from '@ngx-formly/core';
+import { FormlyForm, FieldType, FormlyAttributes, FormlyModule, FormlyField, FieldWrapper, FieldArrayType, provideFormlyCore } from '@ngx-formly/core';
 import * as i1 from '@angular/common';
 import { CommonModule, NgClass, NgForOf, NgIf, NgFor, isPlatformBrowser, DOCUMENT } from '@angular/common';
 import { Chip } from 'primeng/chip';
@@ -48,6 +48,8 @@ import { SplitButtonModule } from 'primeng/splitbutton';
 import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
 import { InputGroupModule } from 'primeng/inputgroup';
 import { finalize as finalize$1 } from 'rxjs/operators';
+import * as i3$3 from 'primeng/avatar';
+import { AvatarModule } from 'primeng/avatar';
 import { FormlyPrimeNGModule, withFormlyPrimeNG } from '@ngx-formly/primeng';
 import { ProgressSpinnerModule } from 'primeng/progressspinner';
 import { MessageModule } from 'primeng/message';
@@ -69,13 +71,13 @@ import * as i2$4 from 'primeng/editor';
 import { EditorModule } from 'primeng/editor';
 import { FormlyFormFieldModule as FormlyFormFieldModule$1 } from '@ngx-formly/primeng/form-field';
 import { InputNumber } from 'primeng/inputnumber';
-import * as i3$3 from 'primeng/select';
+import * as i3$4 from 'primeng/select';
 import { SelectModule } from 'primeng/select';
 import * as i5$3 from '@ngx-formly/core/select';
 import { FormlySelectModule as FormlySelectModule$1 } from '@ngx-formly/core/select';
 import * as i2$5 from 'primeng/textarea';
 import { TextareaModule } from 'primeng/textarea';
-import * as i3$4 from 'primeng/radiobutton';
+import * as i3$5 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 
 class ODataQueryBuilderComponent {
@@ -2535,6 +2537,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                 type: Output
             }] } });
 
+class FormlyAvatarImageComponent extends FieldType {
+    get type() {
+        return this.field.type;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: FormlyAvatarImageComponent, isStandalone: true, selector: "formly-field-avatar-image", usesInheritance: true, ngImport: i0, template: `
+    <div [ngClass]="field.props['containerClass'] || ''">
+      <label *ngIf="field.props.label && field.props['hideLabel'] !== true" [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
+        {{ field.props.label }}
+        <span *ngIf="field.props.required" class="text-red-500">*</span>
+      </label>
+      <div class="mt-1 flex items-center">
+        <p-avatar
+          [image]="field.formControl.value || field.props['defaultImage']"
+          [size]="field.props['size'] || 'large'"
+          [shape]="field.props['shape'] || 'circle'"
+          [style]="field.props['avatarStyle'] || ''"
+          [styleClass]="field.props['avatarClass'] || ''"
+          (onClick)="field.props['onClick'] && field.props['onClick']($event)"
+          (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)"
+        ></p-avatar>
+        <div *ngIf="field.props['showPlaceholder']" class="ml-4">
+          <span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
+        </div>
+      </div>
+      <small *ngIf="showError" class="mt-1 text-sm text-red-600">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </small>
+      <small *ngIf="field.props.description" class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormlyModule }, { kind: "component", type: i1$8.LegacyFormlyValidationMessage, selector: "formly-validation-message" }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i3$3.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarImageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-avatar-image',
+                    standalone: true,
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        FormlyModule,
+                        AvatarModule
+                    ],
+                    template: `
+    <div [ngClass]="field.props['containerClass'] || ''">
+      <label *ngIf="field.props.label && field.props['hideLabel'] !== true" [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
+        {{ field.props.label }}
+        <span *ngIf="field.props.required" class="text-red-500">*</span>
+      </label>
+      <div class="mt-1 flex items-center">
+        <p-avatar
+          [image]="field.formControl.value || field.props['defaultImage']"
+          [size]="field.props['size'] || 'large'"
+          [shape]="field.props['shape'] || 'circle'"
+          [style]="field.props['avatarStyle'] || ''"
+          [styleClass]="field.props['avatarClass'] || ''"
+          (onClick)="field.props['onClick'] && field.props['onClick']($event)"
+          (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)"
+        ></p-avatar>
+        <div *ngIf="field.props['showPlaceholder']" class="ml-4">
+          <span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
+        </div>
+      </div>
+      <small *ngIf="showError" class="mt-1 text-sm text-red-600">
+        <formly-validation-message [field]="field"></formly-validation-message>
+      </small>
+      <small *ngIf="field.props.description" class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
+    </div>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+
 class GenericButton {
     //  permissionChecker = inject(PermissionCheckerService);
     // لو وُجدت هذه المصفوفة، نُستخدم splitButton
@@ -5276,7 +5351,7 @@ class FormlyFieldSelect extends FieldType {
     </div>
   </ng-template>
     </p-select>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormlyFormFieldModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$3.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormlySelectModule$1 }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$3.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: FormlyFormFieldModule }, { kind: "directive", type: FormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormlySelectModule$1 }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$3.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }, { kind: "pipe", type: i1$3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyFieldSelect, decorators: [{
             type: Component,
@@ -5706,6 +5781,7 @@ const provideFormly = provideFormlyCore([
                     },
                 },
             },
+            { name: 'avatar-image', component: FormlyAvatarImageComponent },
         ],
         wrappers: [
             // { name: 'tooltip', component: TooltipWrapperComponent },
@@ -6020,7 +6096,7 @@ class FormlyFieldRadio extends FieldType {
       </p-radioButton>
       <label [for]="id + index" class="ml-2">{{ option.label }}</label>
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$4.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$3.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$5.RadioButton, selector: "p-radioButton, p-radiobutton, p-radio-button", inputs: ["value", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "styleClass", "autofocus", "binary", "variant", "size"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$3.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyFieldRadio, decorators: [{
             type: Component,
@@ -7044,5 +7120,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AttachmentDto, AttachmentTypeComponent, AutofocusDirective, BaseCrud, BaseService, BreadcrumbComponent, CORE_OPTIONS, ClickableLabelTypeComponent, ColorPickerComponent, ColorTagTypeComponent, ColumnSettingsPopoverComponent, ConditionExpressionBuilderType, CustomSwitchFieldComponent, DEFAULT_CONTROL_CLASS, DeactivationReasonFormComponent, ENVIRONMENT, FormlyAvatarLabelComponent, FormlyButtonComponent, FormlyCheckboxModule, FormlyDatepickerModule, FormlyFieldButton, FormlyFieldCheckbox, FormlyFieldInput, FormlyFieldRadio, FormlyFieldSelect, FormlyFieldTextArea, FormlyFormFieldModule, FormlyInputModule, FormlyRadioModule, FormlySelectModule, FormlySelectionButtonComponent, FormlySplitButtonComponent, FormlyTemplateType, FormlyTextAreaModule, FormlyWrapperFormField, GeneralResponse, GenericAutocompleteComponent, GenericButton, GenericCard, GenericCrudDialog, GenericCrudTableComponent, GenericDrawerComponent, GenericErrormessage, GenericFormlyFields, GenericLoadingspinner, GenericSearch, GenericSelectorTypeComponent, GenericService, GenericTable, HeaderWrapper, IconPickerComponent, InputSwitchTypeComponent, InputWithIconType, LabelTypeComponent, LabelWrapperComponent, ListResultDto, ODataQueryBuilderComponent, OptionTagTypeComponent, PagedResultDto, PanelWrapperComponent, REQUEST, RepeatTypeComponent, Rest, RestService, RichTextEditorTypeComponent, RtlLang, SidebarCards, SidebarToggles, SsrCookieService, StatustextPipe, SwalService, TabsTypeComponent, TafqeetPipe, TagTypeComponent, TdWrapperComponent, TimeAgoWithFullDatePipe, TooltipWrapperComponent, UsernameWithDomainComponent, checkHasProp, checkboxField, coreOptionsFactory, isUndefinedOrEmptyString, numberField, provideEnvironmentConfig, provideFormly, selectField, textField, textField2, textareaField, withFormlyFieldCheckbox, withFormlyFieldDatepicker, withFormlyFieldInput, withFormlyFieldRadio, withFormlyFieldSelect, withFormlyFieldTextArea, withFormlyFormField };
+export { AttachmentDto, AttachmentTypeComponent, AutofocusDirective, BaseCrud, BaseService, BreadcrumbComponent, CORE_OPTIONS, ClickableLabelTypeComponent, ColorPickerComponent, ColorTagTypeComponent, ColumnSettingsPopoverComponent, ConditionExpressionBuilderType, CustomSwitchFieldComponent, DEFAULT_CONTROL_CLASS, DeactivationReasonFormComponent, ENVIRONMENT, FormlyAvatarImageComponent, FormlyAvatarLabelComponent, FormlyButtonComponent, FormlyCheckboxModule, FormlyDatepickerModule, FormlyFieldButton, FormlyFieldCheckbox, FormlyFieldInput, FormlyFieldRadio, FormlyFieldSelect, FormlyFieldTextArea, FormlyFormFieldModule, FormlyInputModule, FormlyRadioModule, FormlySelectModule, FormlySelectionButtonComponent, FormlySplitButtonComponent, FormlyTemplateType, FormlyTextAreaModule, FormlyWrapperFormField, GeneralResponse, GenericAutocompleteComponent, GenericButton, GenericCard, GenericCrudDialog, GenericCrudTableComponent, GenericDrawerComponent, GenericErrormessage, GenericFormlyFields, GenericLoadingspinner, GenericSearch, GenericSelectorTypeComponent, GenericService, GenericTable, HeaderWrapper, IconPickerComponent, InputSwitchTypeComponent, InputWithIconType, LabelTypeComponent, LabelWrapperComponent, ListResultDto, ODataQueryBuilderComponent, OptionTagTypeComponent, PagedResultDto, PanelWrapperComponent, REQUEST, RepeatTypeComponent, Rest, RestService, RichTextEditorTypeComponent, RtlLang, SidebarCards, SidebarToggles, SsrCookieService, StatustextPipe, SwalService, TabsTypeComponent, TafqeetPipe, TagTypeComponent, TdWrapperComponent, TimeAgoWithFullDatePipe, TooltipWrapperComponent, UsernameWithDomainComponent, checkHasProp, checkboxField, coreOptionsFactory, isUndefinedOrEmptyString, numberField, provideEnvironmentConfig, provideFormly, selectField, textField, textField2, textareaField, withFormlyFieldCheckbox, withFormlyFieldDatepicker, withFormlyFieldInput, withFormlyFieldRadio, withFormlyFieldSelect, withFormlyFieldTextArea, withFormlyFormField };
 //# sourceMappingURL=elite.framework-ng.core.mjs.map