@elite.framework/ng.core 1.0.38 → 1.0.39

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

@@ -2541,6 +2541,15 @@ class FormlyAvatarImageComponent extends FieldType {
     get type() {
         return this.field.type;
     }
+    get displayValue() {
+        const value = this.formControl?.value;
+        const baseUrl = this.field.props['baseUrl'] || '';
+        const defaultImage = this.field.props['defaultImage'] || '';
+        if (value) {
+            return baseUrl ? `${baseUrl}${value}` : value;
+        }
+        return defaultImage;
+    }
     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'] || ''">
@@ -2550,14 +2559,15 @@ class FormlyAvatarImageComponent extends FieldType {
       </label>
       <div class="mt-1 flex items-center">
         <p-avatar
-          [image]="(field.props['baseUrl'] || '' + field.formControl.value )|| field.props['defaultImage']"
+          [image]="displayValue"
           [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>
+        <!-- (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)" -->
         <div *ngIf="field.props['showPlaceholder']" class="ml-4">
           <span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
         </div>
@@ -2567,7 +2577,7 @@ class FormlyAvatarImageComponent extends FieldType {
       </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 });
+  `, 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarImageComponent, decorators: [{
             type: Component,
@@ -2588,14 +2598,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
       </label>
       <div class="mt-1 flex items-center">
         <p-avatar
-          [image]="(field.props['baseUrl'] || '' + field.formControl.value )|| field.props['defaultImage']"
+          [image]="displayValue"
           [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>
+        <!-- (onImageError)="field.props['onImageError'] && field.props['onImageError']($event)" -->
         <div *ngIf="field.props['showPlaceholder']" class="ml-4">
           <span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
         </div>
@@ -2606,7 +2617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
       <small *ngIf="field.props.description" class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
     </div>
   `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    // changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }] });