@elite.framework/ng.core 1.0.50 → 1.0.52

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

@@ -1501,7 +1501,7 @@ class AttachmentTypeComponent extends FieldType {
         return 'pi pi-file';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AttachmentTypeComponent, deps: [{ token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AttachmentTypeComponent, isStandalone: true, selector: "attachment-type", providers: [MessageService], usesInheritance: true, ngImport: i0, template: "<p-fileUpload\n  name=\"file\"\n  [customUpload]=\"true\"\n  [auto]=\"true\"\n  [multiple]=\"props['multiple'] !== false\"\n  [maxFileSize]=\"maxFileSize\"\n  [accept]=\"props['accept'] || defaultAcceptTypes\"\n  (uploadHandler)=\"onUpload($event)\"\n  chooseLabel=\"\u0627\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0623\u0648 \u0627\u0646\u0642\u0631 \u0644\u0644\u0625\u0631\u0641\u0627\u0642\"\n  class=\"w-full\"\n>\n  <!-- Header Template -->\n  <ng-template pTemplate=\"header\" let-chooseCallback=\"chooseCallback\">\n    <div class=\"flex flex-wrap justify-content-between align-items-center flex-1 gap-2\">\n      <div class=\"flex gap-2\">\n        <p-button\n          (click)=\"choose($event, chooseCallback)\"\n          icon=\"pi pi-plus\"\n          [rounded]=\"true\"\n          [outlined]=\"true\"\n          styleClass=\"border border-green-600 text-green-600 hover:bg-green-100 bg-white shadow-sm !rounded-full\"\n        ></p-button>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Content Template -->\n  <ng-template pTemplate=\"content\">\n    <!-- Multi mode -->\n   <div class=\"p-2 flex flex-wrap gap-4\">\n  <div\n    *ngFor=\"let file of attachments; let i = index\"\n    style=\"height: 7rem;\"\n    class=\"relative w-24 h-28 bg-white border rounded-lg shadow-sm flex flex-col items-center justify-center\"\n  >\n    <!-- File type label -->\n    <div\n      class=\"absolute top-0 left-0 px-2 py-0.5 text-[10px] font-bold uppercase rounded-br-md shadow-sm text-white\"\n      [ngClass]=\"getLabelClass(file.mimeType)\"\n    >\n      {{ getFileLabel(file.mimeType) }}\n    </div>\n\n    <!-- Remove button -->\n    <button\n    style=\"top: 3px;right: 3px;\"\n      class=\"absolute top-1 right-1 text-red-500 hover:text-red-700\"\n      (click)=\"remove(i)\"\n      title=\"\u062D\u0630\u0641\"\n    >\n      <i class=\"pi pi-times text-xs\"></i>\n    </button>\n\n    <!-- Center icon -->\n    <i\n      [class]=\"getFileIcon(file.mimeType)\"\n      [ngClass]=\"getIconColor(file.mimeType)\"\n      class=\"!text-4xl text-center mt-5\"\n    ></i>\n\n    <!-- File name -->\n    <div style=\"max-width: 85%;\" class=\"mt-1 text-[11px] text-gray-600 truncate max-w-[85%] text-center\">\n\n      <div class=\"truncate\">{{ file.fileName }}</div>\n    </div>\n\n    <!-- Download icon -->\n    <a\n    *ngIf=\"file.binaryObjectId\"\n    style=\"bottom: 3px;right: 3px;\"\n      class=\"absolute bottom-1 right-1 text-gray-400 hover:text-blue-500\"\n      [href]=\"url+'/' + file.binaryObjectId\"\n      target=\"_blank\"\n      download\n      title=\"\u062A\u062D\u0645\u064A\u0644\"\n    >\n      <i class=\"pi pi-download text-xs\"></i>\n    </a>\n  </div>\n</div>\n\n    <!-- Single mode -->\n    <div *ngIf=\"props['multiple'] === false && attachment\">\n      <div class=\"flex items-center justify-between p-2 border-b\">\n        <span>{{ attachment.fileName }}</span>\n        <p-button\n          icon=\"pi pi-times\"\n          class=\"p-button-rounded p-button-text text-red-600\"\n          (click)=\"remove(0)\"\n        ></p-button>\n      </div>\n       <!-- Caption input if allowed -->\n      <div *ngIf=\"props['allowCaption']\" class=\"mt-1\">\n        <input\n        pInputText\n          type=\"text\"\n          class=\"w-full border rounded px-2 py-1 text-sm\"\n          placeholder=\"\u0623\u0636\u0641 \u0648\u0635\u0641\u0627\u064B\"\n          (change)=\"attachment = attachment\"\n          [(ngModel)]=\"attachment.caption\"\n        />\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Empty Template -->\n  <ng-template pTemplate=\"empty\">\n    <div\n      *ngIf=\"(props['multiple'] !== false && (!attachments || attachments.length === 0)) ||\n             (props['multiple'] === false && !attachment)\"\n      class=\"border-2 border-dashed rounded-md p-4 bg-gray-50 hover:bg-gray-100 transition flex align-items-center justify-content-center flex-column\"\n    >\n      <i class=\"pi pi-cloud-upload border-2 rounded p-5 text-8xl text-400 border-400\"></i>\n      <p class=\"mt-4 mb-0\">\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u0650\u062A \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0647\u0646\u0627 \u0644\u0644\u062A\u062D\u0645\u064A\u0644.</p>\n    </div>\n  </ng-template>\n</p-fileUpload>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i4.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.4", type: AttachmentTypeComponent, isStandalone: true, selector: "attachment-type", providers: [MessageService], usesInheritance: true, ngImport: i0, template: "<p-fileUpload\n  name=\"file\"\n  [customUpload]=\"true\"\n  [auto]=\"true\"\n  [multiple]=\"props['multiple'] !== false\"\n  [maxFileSize]=\"maxFileSize\"\n  [accept]=\"props['accept'] || defaultAcceptTypes\"\n  (uploadHandler)=\"onUpload($event)\"\n  chooseLabel=\"\u0627\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0623\u0648 \u0627\u0646\u0642\u0631 \u0644\u0644\u0625\u0631\u0641\u0627\u0642\"\n  class=\"w-full\"\n>\n  <!-- Header Template -->\n  <ng-template pTemplate=\"header\" let-chooseCallback=\"chooseCallback\">\n    <div class=\"flex flex-wrap justify-content-between align-items-center flex-1 gap-2\">\n      <div class=\"flex gap-2\">\n        <p-button\n          (click)=\"choose($event, chooseCallback)\"\n          icon=\"pi pi-plus\"\n          [rounded]=\"true\"\n          [outlined]=\"true\"\n          styleClass=\"border border-green-600 text-green-600 hover:bg-green-100 bg-white shadow-sm !rounded-full\"\n        ></p-button>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Content Template -->\n  <ng-template pTemplate=\"content\">\n    <!-- Multi mode -->\n   <div class=\"p-2 flex flex-wrap gap-4\">\n  <div\n    *ngFor=\"let file of attachments; let i = index\"\n    style=\"height: 7rem;\"\n    class=\"relative w-24 h-28 bg-white border rounded-lg shadow-sm flex flex-col items-center justify-center\"\n  >\n    <!-- File type label -->\n    <div\n      class=\"absolute top-0 left-0 px-2 py-0.5 text-[10px] font-bold uppercase rounded-br-md shadow-sm text-white\"\n      [ngClass]=\"getLabelClass(file.mimeType)\"\n    >\n      {{ getFileLabel(file.mimeType) }}\n    </div>\n\n    <!-- Remove button -->\n    <button\n    style=\"top: 3px;right: 3px;\"\n    type=\"button\"\n      class=\"absolute top-1 right-1 text-red-500 hover:text-red-700\"\n      (click)=\"remove(i)\"\n      title=\"\u062D\u0630\u0641\"\n    >\n      <i class=\"pi pi-times text-xs\"></i>\n    </button>\n\n    <!-- Center icon -->\n    <i\n      [class]=\"getFileIcon(file.mimeType)\"\n      [ngClass]=\"getIconColor(file.mimeType)\"\n      class=\"!text-4xl text-center mt-5\"\n    ></i>\n\n    <!-- File name -->\n    <div style=\"max-width: 85%;\" class=\"mt-1 text-[11px] text-gray-600 truncate max-w-[85%] text-center\">\n\n      <div class=\"truncate\">{{ file.fileName }}</div>\n    </div>\n\n    <!-- Download icon -->\n    <a\n    *ngIf=\"file.binaryObjectId\"\n    style=\"bottom: 3px;right: 3px;\"\n      class=\"absolute bottom-1 right-1 text-gray-400 hover:text-blue-500\"\n      [href]=\"url+'/' + file.binaryObjectId\"\n      target=\"_blank\"\n      download\n      title=\"\u062A\u062D\u0645\u064A\u0644\"\n    >\n      <i class=\"pi pi-download text-xs\"></i>\n    </a>\n  </div>\n</div>\n\n    <!-- Single mode -->\n    <div *ngIf=\"props['multiple'] === false && attachment\">\n      <div class=\"flex items-center justify-between p-2 border-b\">\n        <span>{{ attachment.fileName }}</span>\n        <p-button\n        type=\"button\"\n          icon=\"pi pi-times\"\n          class=\"p-button-rounded p-button-text text-red-600\"\n          (click)=\"remove(0)\"\n        ></p-button>\n      </div>\n       <!-- Caption input if allowed -->\n      <div *ngIf=\"props['allowCaption']\" class=\"mt-1\">\n        <input\n        pInputText\n          type=\"text\"\n          class=\"w-full border rounded px-2 py-1 text-sm\"\n          placeholder=\"\u0623\u0636\u0641 \u0648\u0635\u0641\u0627\u064B\"\n          (change)=\"attachment = attachment\"\n          [(ngModel)]=\"attachment.caption\"\n        />\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Empty Template -->\n  <ng-template pTemplate=\"empty\">\n    <div\n      *ngIf=\"(props['multiple'] !== false && (!attachments || attachments.length === 0)) ||\n             (props['multiple'] === false && !attachment)\"\n      class=\"border-2 border-dashed rounded-md p-4 bg-gray-50 hover:bg-gray-100 transition flex align-items-center justify-content-center flex-column\"\n    >\n      <i class=\"pi pi-cloud-upload border-2 rounded p-5 text-8xl text-400 border-400\"></i>\n      <p class=\"mt-4 mb-0\">\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u0650\u062A \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0647\u0646\u0627 \u0644\u0644\u062A\u062D\u0645\u064A\u0644.</p>\n    </div>\n  </ng-template>\n</p-fileUpload>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i4.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i3$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "buttonProps", "autofocus", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i6.InputText, selector: "[pInputText]", inputs: ["pSize", "variant", "fluid", "invalid"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AttachmentTypeComponent, decorators: [{
             type: Component,
@@ -1512,7 +1512,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
                         FileUploadModule,
                         ButtonModule,
                         InputTextModule
-                    ], providers: [MessageService], template: "<p-fileUpload\n  name=\"file\"\n  [customUpload]=\"true\"\n  [auto]=\"true\"\n  [multiple]=\"props['multiple'] !== false\"\n  [maxFileSize]=\"maxFileSize\"\n  [accept]=\"props['accept'] || defaultAcceptTypes\"\n  (uploadHandler)=\"onUpload($event)\"\n  chooseLabel=\"\u0627\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0623\u0648 \u0627\u0646\u0642\u0631 \u0644\u0644\u0625\u0631\u0641\u0627\u0642\"\n  class=\"w-full\"\n>\n  <!-- Header Template -->\n  <ng-template pTemplate=\"header\" let-chooseCallback=\"chooseCallback\">\n    <div class=\"flex flex-wrap justify-content-between align-items-center flex-1 gap-2\">\n      <div class=\"flex gap-2\">\n        <p-button\n          (click)=\"choose($event, chooseCallback)\"\n          icon=\"pi pi-plus\"\n          [rounded]=\"true\"\n          [outlined]=\"true\"\n          styleClass=\"border border-green-600 text-green-600 hover:bg-green-100 bg-white shadow-sm !rounded-full\"\n        ></p-button>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Content Template -->\n  <ng-template pTemplate=\"content\">\n    <!-- Multi mode -->\n   <div class=\"p-2 flex flex-wrap gap-4\">\n  <div\n    *ngFor=\"let file of attachments; let i = index\"\n    style=\"height: 7rem;\"\n    class=\"relative w-24 h-28 bg-white border rounded-lg shadow-sm flex flex-col items-center justify-center\"\n  >\n    <!-- File type label -->\n    <div\n      class=\"absolute top-0 left-0 px-2 py-0.5 text-[10px] font-bold uppercase rounded-br-md shadow-sm text-white\"\n      [ngClass]=\"getLabelClass(file.mimeType)\"\n    >\n      {{ getFileLabel(file.mimeType) }}\n    </div>\n\n    <!-- Remove button -->\n    <button\n    style=\"top: 3px;right: 3px;\"\n      class=\"absolute top-1 right-1 text-red-500 hover:text-red-700\"\n      (click)=\"remove(i)\"\n      title=\"\u062D\u0630\u0641\"\n    >\n      <i class=\"pi pi-times text-xs\"></i>\n    </button>\n\n    <!-- Center icon -->\n    <i\n      [class]=\"getFileIcon(file.mimeType)\"\n      [ngClass]=\"getIconColor(file.mimeType)\"\n      class=\"!text-4xl text-center mt-5\"\n    ></i>\n\n    <!-- File name -->\n    <div style=\"max-width: 85%;\" class=\"mt-1 text-[11px] text-gray-600 truncate max-w-[85%] text-center\">\n\n      <div class=\"truncate\">{{ file.fileName }}</div>\n    </div>\n\n    <!-- Download icon -->\n    <a\n    *ngIf=\"file.binaryObjectId\"\n    style=\"bottom: 3px;right: 3px;\"\n      class=\"absolute bottom-1 right-1 text-gray-400 hover:text-blue-500\"\n      [href]=\"url+'/' + file.binaryObjectId\"\n      target=\"_blank\"\n      download\n      title=\"\u062A\u062D\u0645\u064A\u0644\"\n    >\n      <i class=\"pi pi-download text-xs\"></i>\n    </a>\n  </div>\n</div>\n\n    <!-- Single mode -->\n    <div *ngIf=\"props['multiple'] === false && attachment\">\n      <div class=\"flex items-center justify-between p-2 border-b\">\n        <span>{{ attachment.fileName }}</span>\n        <p-button\n          icon=\"pi pi-times\"\n          class=\"p-button-rounded p-button-text text-red-600\"\n          (click)=\"remove(0)\"\n        ></p-button>\n      </div>\n       <!-- Caption input if allowed -->\n      <div *ngIf=\"props['allowCaption']\" class=\"mt-1\">\n        <input\n        pInputText\n          type=\"text\"\n          class=\"w-full border rounded px-2 py-1 text-sm\"\n          placeholder=\"\u0623\u0636\u0641 \u0648\u0635\u0641\u0627\u064B\"\n          (change)=\"attachment = attachment\"\n          [(ngModel)]=\"attachment.caption\"\n        />\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Empty Template -->\n  <ng-template pTemplate=\"empty\">\n    <div\n      *ngIf=\"(props['multiple'] !== false && (!attachments || attachments.length === 0)) ||\n             (props['multiple'] === false && !attachment)\"\n      class=\"border-2 border-dashed rounded-md p-4 bg-gray-50 hover:bg-gray-100 transition flex align-items-center justify-content-center flex-column\"\n    >\n      <i class=\"pi pi-cloud-upload border-2 rounded p-5 text-8xl text-400 border-400\"></i>\n      <p class=\"mt-4 mb-0\">\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u0650\u062A \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0647\u0646\u0627 \u0644\u0644\u062A\u062D\u0645\u064A\u0644.</p>\n    </div>\n  </ng-template>\n</p-fileUpload>\n" }]
+                    ], providers: [MessageService], template: "<p-fileUpload\n  name=\"file\"\n  [customUpload]=\"true\"\n  [auto]=\"true\"\n  [multiple]=\"props['multiple'] !== false\"\n  [maxFileSize]=\"maxFileSize\"\n  [accept]=\"props['accept'] || defaultAcceptTypes\"\n  (uploadHandler)=\"onUpload($event)\"\n  chooseLabel=\"\u0627\u0633\u062D\u0628 \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0623\u0648 \u0627\u0646\u0642\u0631 \u0644\u0644\u0625\u0631\u0641\u0627\u0642\"\n  class=\"w-full\"\n>\n  <!-- Header Template -->\n  <ng-template pTemplate=\"header\" let-chooseCallback=\"chooseCallback\">\n    <div class=\"flex flex-wrap justify-content-between align-items-center flex-1 gap-2\">\n      <div class=\"flex gap-2\">\n        <p-button\n          (click)=\"choose($event, chooseCallback)\"\n          icon=\"pi pi-plus\"\n          [rounded]=\"true\"\n          [outlined]=\"true\"\n          styleClass=\"border border-green-600 text-green-600 hover:bg-green-100 bg-white shadow-sm !rounded-full\"\n        ></p-button>\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Content Template -->\n  <ng-template pTemplate=\"content\">\n    <!-- Multi mode -->\n   <div class=\"p-2 flex flex-wrap gap-4\">\n  <div\n    *ngFor=\"let file of attachments; let i = index\"\n    style=\"height: 7rem;\"\n    class=\"relative w-24 h-28 bg-white border rounded-lg shadow-sm flex flex-col items-center justify-center\"\n  >\n    <!-- File type label -->\n    <div\n      class=\"absolute top-0 left-0 px-2 py-0.5 text-[10px] font-bold uppercase rounded-br-md shadow-sm text-white\"\n      [ngClass]=\"getLabelClass(file.mimeType)\"\n    >\n      {{ getFileLabel(file.mimeType) }}\n    </div>\n\n    <!-- Remove button -->\n    <button\n    style=\"top: 3px;right: 3px;\"\n    type=\"button\"\n      class=\"absolute top-1 right-1 text-red-500 hover:text-red-700\"\n      (click)=\"remove(i)\"\n      title=\"\u062D\u0630\u0641\"\n    >\n      <i class=\"pi pi-times text-xs\"></i>\n    </button>\n\n    <!-- Center icon -->\n    <i\n      [class]=\"getFileIcon(file.mimeType)\"\n      [ngClass]=\"getIconColor(file.mimeType)\"\n      class=\"!text-4xl text-center mt-5\"\n    ></i>\n\n    <!-- File name -->\n    <div style=\"max-width: 85%;\" class=\"mt-1 text-[11px] text-gray-600 truncate max-w-[85%] text-center\">\n\n      <div class=\"truncate\">{{ file.fileName }}</div>\n    </div>\n\n    <!-- Download icon -->\n    <a\n    *ngIf=\"file.binaryObjectId\"\n    style=\"bottom: 3px;right: 3px;\"\n      class=\"absolute bottom-1 right-1 text-gray-400 hover:text-blue-500\"\n      [href]=\"url+'/' + file.binaryObjectId\"\n      target=\"_blank\"\n      download\n      title=\"\u062A\u062D\u0645\u064A\u0644\"\n    >\n      <i class=\"pi pi-download text-xs\"></i>\n    </a>\n  </div>\n</div>\n\n    <!-- Single mode -->\n    <div *ngIf=\"props['multiple'] === false && attachment\">\n      <div class=\"flex items-center justify-between p-2 border-b\">\n        <span>{{ attachment.fileName }}</span>\n        <p-button\n        type=\"button\"\n          icon=\"pi pi-times\"\n          class=\"p-button-rounded p-button-text text-red-600\"\n          (click)=\"remove(0)\"\n        ></p-button>\n      </div>\n       <!-- Caption input if allowed -->\n      <div *ngIf=\"props['allowCaption']\" class=\"mt-1\">\n        <input\n        pInputText\n          type=\"text\"\n          class=\"w-full border rounded px-2 py-1 text-sm\"\n          placeholder=\"\u0623\u0636\u0641 \u0648\u0635\u0641\u0627\u064B\"\n          (change)=\"attachment = attachment\"\n          [(ngModel)]=\"attachment.caption\"\n        />\n      </div>\n    </div>\n  </ng-template>\n\n  <!-- Empty Template -->\n  <ng-template pTemplate=\"empty\">\n    <div\n      *ngIf=\"(props['multiple'] !== false && (!attachments || attachments.length === 0)) ||\n             (props['multiple'] === false && !attachment)\"\n      class=\"border-2 border-dashed rounded-md p-4 bg-gray-50 hover:bg-gray-100 transition flex align-items-center justify-content-center flex-column\"\n    >\n      <i class=\"pi pi-cloud-upload border-2 rounded p-5 text-8xl text-400 border-400\"></i>\n      <p class=\"mt-4 mb-0\">\u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u0650\u062A \u0627\u0644\u0645\u0644\u0641\u0627\u062A \u0647\u0646\u0627 \u0644\u0644\u062A\u062D\u0645\u064A\u0644.</p>\n    </div>\n  </ng-template>\n</p-fileUpload>\n" }]
         }], ctorParameters: () => [{ type: i1$2.MessageService }] });
 
 class BreadcrumbComponent {
@@ -4096,7 +4096,22 @@ class GenericSelectorTypeComponent extends FieldType {
             }
         }
         else {
-            this.initOnlineSelection();
+            if (this.props.loadSaved && !this.props.multiple && this.props.loadSavedField && this.props.valueField) {
+                const vf = this.to['valueField'] || 'id';
+                const lf = this.to['labelField'] || 'name';
+                this.selectedItem =
+                    {
+                        [vf]: this.formControl.value,
+                        [lf]: this.model[this.props.loadSavedField],
+                    };
+                if (this.props.change) {
+                    this.props.change(this.field, { item: this.selectedItem });
+                    this.cdr.detectChanges();
+                }
+            }
+            else {
+                this.initOnlineSelection();
+            }
         }
         // Subscribe to formControl value changes
         this.valueChangeSubscription = this.formControl.valueChanges
@@ -6425,11 +6440,20 @@ class BaseCrud {
         const id = item[this.idField];
         this.swalService.confirm('تأكيد الحذف', 'هل تريد حذف هذا السجل فعلاً؟', 'نعم، احذف', 'إلغاء').then((result) => {
             if (result.isConfirmed) {
-                this.service.delete(id).subscribe(() => {
-                    this.loadPage(0, this.rows);
-                    this.swalService.success('تم الحذف بنجاح');
-                }, () => {
-                    this.swalService.error('فشل الحذف', 'حدث خطأ أثناء الحذف');
+                this.service.delete(id).subscribe({
+                    next: () => {
+                        this.loadPage(0, this.rows);
+                        this.swalService.success('تم الحذف بنجاح');
+                    },
+                    error: (err) => {
+                        this.loading = false;
+                        const msg = err.error?.title ||
+                            err.message ||
+                            'حدث خطأ أثناء الحفظ. يرجى المحاولة مرة أخرى.';
+                        // this.errorMessage = msg;
+                        // ❌ رسالة خطأ
+                        this.swalService.error('فشل الحذف', msg);
+                    }
                 });
             }
         });