@elite.framework/ng.core 1.0.35 → 1.0.37
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.
|
@@ -3,7 +3,7 @@ import { EventEmitter, Output, Input, Component, InjectionToken, inject, Inject,
|
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { FormGroup, FormsModule, ReactiveFormsModule, UntypedFormGroup, UntypedFormControl } from '@angular/forms';
|
|
5
5
|
import * as i1$8 from '@ngx-formly/core';
|
|
6
|
-
import { FormlyForm, FieldType, FormlyAttributes, FormlyField, FieldWrapper,
|
|
6
|
+
import { FormlyForm, FieldType, FormlyAttributes, FormlyModule, FormlyField, FieldWrapper, FieldArrayType, provideFormlyCore } from '@ngx-formly/core';
|
|
7
7
|
import * as i1 from '@angular/common';
|
|
8
8
|
import { CommonModule, NgClass, NgForOf, NgIf, NgFor, isPlatformBrowser, DOCUMENT } from '@angular/common';
|
|
9
9
|
import { Chip } from 'primeng/chip';
|
|
@@ -48,6 +48,8 @@ import { SplitButtonModule } from 'primeng/splitbutton';
|
|
|
48
48
|
import { InputGroupAddonModule } from 'primeng/inputgroupaddon';
|
|
49
49
|
import { InputGroupModule } from 'primeng/inputgroup';
|
|
50
50
|
import { finalize as finalize$1 } from 'rxjs/operators';
|
|
51
|
+
import * as i3$3 from 'primeng/avatar';
|
|
52
|
+
import { AvatarModule } from 'primeng/avatar';
|
|
51
53
|
import { FormlyPrimeNGModule, withFormlyPrimeNG } from '@ngx-formly/primeng';
|
|
52
54
|
import { ProgressSpinnerModule } from 'primeng/progressspinner';
|
|
53
55
|
import { MessageModule } from 'primeng/message';
|
|
@@ -69,13 +71,13 @@ import * as i2$4 from 'primeng/editor';
|
|
|
69
71
|
import { EditorModule } from 'primeng/editor';
|
|
70
72
|
import { FormlyFormFieldModule as FormlyFormFieldModule$1 } from '@ngx-formly/primeng/form-field';
|
|
71
73
|
import { InputNumber } from 'primeng/inputnumber';
|
|
72
|
-
import * as i3$
|
|
74
|
+
import * as i3$4 from 'primeng/select';
|
|
73
75
|
import { SelectModule } from 'primeng/select';
|
|
74
76
|
import * as i5$3 from '@ngx-formly/core/select';
|
|
75
77
|
import { FormlySelectModule as FormlySelectModule$1 } from '@ngx-formly/core/select';
|
|
76
78
|
import * as i2$5 from 'primeng/textarea';
|
|
77
79
|
import { TextareaModule } from 'primeng/textarea';
|
|
78
|
-
import * as i3$
|
|
80
|
+
import * as i3$5 from 'primeng/radiobutton';
|
|
79
81
|
import { RadioButtonModule } from 'primeng/radiobutton';
|
|
80
82
|
|
|
81
83
|
class ODataQueryBuilderComponent {
|
|
@@ -1498,7 +1500,7 @@ class AttachmentTypeComponent extends FieldType {
|
|
|
1498
1500
|
return 'pi pi-file';
|
|
1499
1501
|
}
|
|
1500
1502
|
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 });
|
|
1501
|
-
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:
|
|
1503
|
+
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"] }] });
|
|
1502
1504
|
}
|
|
1503
1505
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: AttachmentTypeComponent, decorators: [{
|
|
1504
1506
|
type: Component,
|
|
@@ -1509,7 +1511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
1509
1511
|
FileUploadModule,
|
|
1510
1512
|
ButtonModule,
|
|
1511
1513
|
InputTextModule
|
|
1512
|
-
], 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:
|
|
1514
|
+
], 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" }]
|
|
1513
1515
|
}], ctorParameters: () => [{ type: i1$2.MessageService }] });
|
|
1514
1516
|
|
|
1515
1517
|
class BreadcrumbComponent {
|
|
@@ -2535,6 +2537,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
2535
2537
|
type: Output
|
|
2536
2538
|
}] } });
|
|
2537
2539
|
|
|
2540
|
+
class FormlyAvatarImageComponent extends FieldType {
|
|
2541
|
+
get type() {
|
|
2542
|
+
return this.field.type;
|
|
2543
|
+
}
|
|
2544
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2545
|
+
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: `
|
|
2546
|
+
<div [ngClass]="field.props['containerClass'] || ''">
|
|
2547
|
+
<label *ngIf="field.props.label && field.props['hideLabel'] !== true" [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
|
|
2548
|
+
{{ field.props.label }}
|
|
2549
|
+
<span *ngIf="field.props.required" class="text-red-500">*</span>
|
|
2550
|
+
</label>
|
|
2551
|
+
<div class="mt-1 flex items-center">
|
|
2552
|
+
<p-avatar
|
|
2553
|
+
[image]="field.formControl.value || field.props['defaultImage']"
|
|
2554
|
+
[size]="field.props['size'] || 'large'"
|
|
2555
|
+
[shape]="field.props['shape'] || 'circle'"
|
|
2556
|
+
[style]="field.props['avatarStyle'] || ''"
|
|
2557
|
+
[styleClass]="field.props['avatarClass'] || ''"
|
|
2558
|
+
(onClick)="field.props['onClick'] && field.props['onClick']($event)"
|
|
2559
|
+
(onImageError)="field.props['onImageError'] && field.props['onImageError']($event)"
|
|
2560
|
+
></p-avatar>
|
|
2561
|
+
<div *ngIf="field.props['showPlaceholder']" class="ml-4">
|
|
2562
|
+
<span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
|
|
2563
|
+
</div>
|
|
2564
|
+
</div>
|
|
2565
|
+
<small *ngIf="showError" class="mt-1 text-sm text-red-600">
|
|
2566
|
+
<formly-validation-message [field]="field"></formly-validation-message>
|
|
2567
|
+
</small>
|
|
2568
|
+
<small *ngIf="field.props.description" class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
|
|
2569
|
+
</div>
|
|
2570
|
+
`, 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 });
|
|
2571
|
+
}
|
|
2572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyAvatarImageComponent, decorators: [{
|
|
2573
|
+
type: Component,
|
|
2574
|
+
args: [{
|
|
2575
|
+
selector: 'formly-field-avatar-image',
|
|
2576
|
+
standalone: true,
|
|
2577
|
+
imports: [
|
|
2578
|
+
CommonModule,
|
|
2579
|
+
ReactiveFormsModule,
|
|
2580
|
+
FormlyModule,
|
|
2581
|
+
AvatarModule
|
|
2582
|
+
],
|
|
2583
|
+
template: `
|
|
2584
|
+
<div [ngClass]="field.props['containerClass'] || ''">
|
|
2585
|
+
<label *ngIf="field.props.label && field.props['hideLabel'] !== true" [for]="id" class="p-formgroup-inline block text-sm font-medium text-gray-700">
|
|
2586
|
+
{{ field.props.label }}
|
|
2587
|
+
<span *ngIf="field.props.required" class="text-red-500">*</span>
|
|
2588
|
+
</label>
|
|
2589
|
+
<div class="mt-1 flex items-center">
|
|
2590
|
+
<p-avatar
|
|
2591
|
+
[image]="field.formControl.value || field.props['defaultImage']"
|
|
2592
|
+
[size]="field.props['size'] || 'large'"
|
|
2593
|
+
[shape]="field.props['shape'] || 'circle'"
|
|
2594
|
+
[style]="field.props['avatarStyle'] || ''"
|
|
2595
|
+
[styleClass]="field.props['avatarClass'] || ''"
|
|
2596
|
+
(onClick)="field.props['onClick'] && field.props['onClick']($event)"
|
|
2597
|
+
(onImageError)="field.props['onImageError'] && field.props['onImageError']($event)"
|
|
2598
|
+
></p-avatar>
|
|
2599
|
+
<div *ngIf="field.props['showPlaceholder']" class="ml-4">
|
|
2600
|
+
<span class="text-gray-500">{{ field.props['placeholderText'] || 'No image selected' }}</span>
|
|
2601
|
+
</div>
|
|
2602
|
+
</div>
|
|
2603
|
+
<small *ngIf="showError" class="mt-1 text-sm text-red-600">
|
|
2604
|
+
<formly-validation-message [field]="field"></formly-validation-message>
|
|
2605
|
+
</small>
|
|
2606
|
+
<small *ngIf="field.props.description" class="mt-1 text-sm text-gray-500">{{ field.props.description }}</small>
|
|
2607
|
+
</div>
|
|
2608
|
+
`,
|
|
2609
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2610
|
+
}]
|
|
2611
|
+
}] });
|
|
2612
|
+
|
|
2538
2613
|
class GenericButton {
|
|
2539
2614
|
// permissionChecker = inject(PermissionCheckerService);
|
|
2540
2615
|
// لو وُجدت هذه المصفوفة، نُستخدم splitButton
|
|
@@ -5276,7 +5351,7 @@ class FormlyFieldSelect extends FieldType {
|
|
|
5276
5351
|
</div>
|
|
5277
5352
|
</ng-template>
|
|
5278
5353
|
</p-select>
|
|
5279
|
-
`, 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$
|
|
5354
|
+
`, 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 });
|
|
5280
5355
|
}
|
|
5281
5356
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyFieldSelect, decorators: [{
|
|
5282
5357
|
type: Component,
|
|
@@ -5706,6 +5781,7 @@ const provideFormly = provideFormlyCore([
|
|
|
5706
5781
|
},
|
|
5707
5782
|
},
|
|
5708
5783
|
},
|
|
5784
|
+
{ name: 'avatar-image', component: FormlyAvatarImageComponent },
|
|
5709
5785
|
],
|
|
5710
5786
|
wrappers: [
|
|
5711
5787
|
// { name: 'tooltip', component: TooltipWrapperComponent },
|
|
@@ -6020,7 +6096,7 @@ class FormlyFieldRadio extends FieldType {
|
|
|
6020
6096
|
</p-radioButton>
|
|
6021
6097
|
<label [for]="id + index" class="ml-2">{{ option.label }}</label>
|
|
6022
6098
|
</div>
|
|
6023
|
-
`, 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$
|
|
6099
|
+
`, 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 });
|
|
6024
6100
|
}
|
|
6025
6101
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImport: i0, type: FormlyFieldRadio, decorators: [{
|
|
6026
6102
|
type: Component,
|
|
@@ -7044,5 +7120,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
7044
7120
|
* Generated bundle index. Do not edit.
|
|
7045
7121
|
*/
|
|
7046
7122
|
|
|
7047
|
-
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 };
|
|
7123
|
+
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 };
|
|
7048
7124
|
//# sourceMappingURL=elite.framework-ng.core.mjs.map
|