@sd-angular/core 19.0.0-beta.52 → 19.0.0-beta.53

package/components/upload-file/src/upload-file.component.d.ts

@@ -1,69 +1,64 @@
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
-import { FormGroup, NgForm } from '@angular/forms';
+import { ElementRef } from '@angular/core';
+import { FormGroup } from '@angular/forms';
 import { SdLabelDefDirective } from '@sd-angular/core/forms/directives';
 import { SdFormControl } from '@sd-angular/core/forms/models';
-import { SdConfirmService, SdNotifyService } from '@sd-angular/core/services';
 import { PreviewComponent } from './components/preview/preview.component';
-import { ISdUploadFileConfiguration, SdUploadFileFuncDetails } from './configurations';
-import { PreviewFile, UploadFileService } from './services';
+import { SdUploadFileFuncDetails } from './configurations';
+import { PreviewFile } from './services';
 import * as i0 from "@angular/core";
-export declare class SdUploadFile<TArgs = any> implements AfterViewInit, OnDestroy {
+export declare class SdUploadFile<TArgs = any> {
     #private;
-    private ref;
-    private notifyService;
-    private confirmService;
-    private readonly uploadFileConfig;
-    private uploadFileService;
-    previewFile?: PreviewComponent;
-    id: string;
-    selectedFile?: PreviewFile | null;
-    formControl: SdFormControl;
-    set _form(val: NgForm | FormGroup);
-    set _name(val: string | undefined);
-    args?: TArgs;
-    label?: string;
-    helperText?: string;
-    set _helperText(val: string | undefined);
-    description?: string;
-    type: 'image' | 'document' | 'file';
-    set _type(type: 'image' | 'document' | 'file' | undefined | null);
-    set disabled(val: boolean | '' | undefined | null);
-    required: boolean;
-    set _required(val: boolean | '' | undefined | null);
-    extensions: string[];
-    set _extensions(extensions: string[] | undefined | null);
-    max: number;
-    set _max(max: number | undefined | null);
-    maxOfImage: number;
-    set _maxOfImage(value: number | undefined | null);
-    maxSize?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    scaleToPixel?: number;
-    previewWidth: string;
-    previewHeight: string;
-    align: 'left' | 'center';
-    details?: SdUploadFileFuncDetails<any>;
-    imageValidator?: (image: HTMLImageElement) => string;
-    previewFiles: PreviewFile[];
-    set model(model: (string | number | undefined | null)[] | undefined | null);
-    loaded: EventEmitter<PreviewFile[]>;
-    modelChange: EventEmitter<(string | number)[]>;
-    filesChanged: EventEmitter<(string | File)[]>;
-    dropElements?: QueryList<ElementRef>;
-    canvas?: ElementRef;
-    sdLabelDef?: SdLabelDefDirective;
-    constructor(ref: ChangeDetectorRef, notifyService: SdNotifyService, confirmService: SdConfirmService, uploadFileConfig: ISdUploadFileConfiguration, uploadFileService: UploadFileService);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
+    readonly id: string;
+    readonly formControl: SdFormControl;
+    readonly previewFiles: import("@angular/core").WritableSignal<PreviewFile[]>;
+    readonly selectedFile: import("@angular/core").WritableSignal<PreviewFile | null | undefined>;
+    readonly previewFileComponent: import("@angular/core").Signal<PreviewComponent | undefined>;
+    readonly dropElements: import("@angular/core").Signal<readonly ElementRef<any>[]>;
+    readonly sdLabelDef: import("@angular/core").Signal<SdLabelDefDirective | undefined>;
+    readonly args: import("@angular/core").InputSignal<TArgs | undefined>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly description: import("@angular/core").InputSignal<string | undefined>;
+    readonly previewWidth: import("@angular/core").InputSignal<string>;
+    readonly previewHeight: import("@angular/core").InputSignal<string>;
+    readonly align: import("@angular/core").InputSignal<"left" | "center">;
+    readonly details: import("@angular/core").InputSignal<SdUploadFileFuncDetails<any> | undefined>;
+    readonly imageValidator: import("@angular/core").InputSignal<((image: HTMLImageElement) => string) | undefined>;
+    readonly maxSize: import("@angular/core").InputSignal<number | undefined>;
+    readonly maxWidth: import("@angular/core").InputSignal<number | undefined>;
+    readonly maxHeight: import("@angular/core").InputSignal<number | undefined>;
+    readonly scaleToPixel: import("@angular/core").InputSignal<number | undefined>;
+    form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly nameInput: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, boolean | "" | null | undefined>;
+    readonly type: import("@angular/core").InputSignalWithTransform<"image" | "document" | "file", "image" | "document" | "file" | null | undefined>;
+    readonly helperText: import("@angular/core").InputSignal<string | undefined>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, number | null | undefined>;
+    readonly maxOfImage: import("@angular/core").InputSignalWithTransform<number, number | null | undefined>;
+    readonly extensions: import("@angular/core").InputSignalWithTransform<string[], string[] | null | undefined>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, boolean | "" | null | undefined>;
+    readonly generatedDescription: import("@angular/core").Signal<string | undefined>;
+    readonly loaded: import("@angular/core").OutputEmitterRef<PreviewFile[]>;
+    readonly filesChanged: import("@angular/core").OutputEmitterRef<(string | File)[]>;
+    readonly model: import("@angular/core").ModelSignal<(string | number)[]>;
+    constructor();
     onUpload: () => void;
     onRemove: (file: PreviewFile) => void;
     onDrop: (event: CdkDragDrop<string[]>) => void;
     onImgError: (previewFile: PreviewFile) => void;
     onSelect: (file: PreviewFile) => void;
+    /**
+     * Lấy danh sách các File từ previewFiles (chưa upload).
+     */
     getFiles: () => Promise<File[]>;
+    /**
+     * Thực hiện upload các file và gán giá trị, output trả ra mảng idOrKeys.
+     * HÀM NÀY BẮT BUỘC PHẢI GỌI TRƯỚC KHI GỌI VỀ SERVER.
+     */
     upload: () => Promise<void>;
+    /**
+     * Mở popup preview ảnh.
+     */
     preview: () => Promise<void>;
     /**
      * Tải xuống một tệp tin dựa trên đối tượng PreviewFile.
@@ -77,5 +72,5 @@ export declare class SdUploadFile<TArgs = any> implements AfterViewInit, OnDestr
     onDownload: (previewFile: PreviewFile) => void;
     isLastVisibleOverlay(fileIndex: number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdUploadFile<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdUploadFile<any>, "sd-upload-file", never, { "_form": { "alias": "form"; "required": false; }; "_name": { "alias": "name"; "required": false; }; "args": { "alias": "args"; "required": false; }; "label": { "alias": "label"; "required": false; }; "_helperText": { "alias": "helperText"; "required": false; }; "description": { "alias": "description"; "required": false; }; "_type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "_required": { "alias": "required"; "required": false; }; "_extensions": { "alias": "extensions"; "required": false; }; "_max": { "alias": "max"; "required": false; }; "_maxOfImage": { "alias": "maxOfImage"; "required": false; }; "maxSize": { "alias": "maxSize"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "scaleToPixel": { "alias": "scaleToPixel"; "required": false; }; "previewWidth": { "alias": "previewWidth"; "required": false; }; "previewHeight": { "alias": "previewHeight"; "required": false; }; "align": { "alias": "align"; "required": false; }; "details": { "alias": "details"; "required": false; }; "imageValidator": { "alias": "imageValidator"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "loaded": "loaded"; "modelChange": "modelChange"; "filesChanged": "filesChanged"; }, ["sdLabelDef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdUploadFile<any>, "sd-upload-file", never, { "args": { "alias": "args"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "previewWidth": { "alias": "previewWidth"; "required": false; "isSignal": true; }; "previewHeight": { "alias": "previewHeight"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "details": { "alias": "details"; "required": false; "isSignal": true; }; "imageValidator": { "alias": "imageValidator"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "scaleToPixel": { "alias": "scaleToPixel"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "nameInput": { "alias": "name"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "maxOfImage": { "alias": "maxOfImage"; "required": false; "isSignal": true; }; "extensions": { "alias": "extensions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; }, { "loaded": "loaded"; "filesChanged": "filesChanged"; "model": "modelChange"; }, ["sdLabelDef"], never, true, never>;
 }

package/components/workflow/src/models/form-generic-component.model.d.ts

@@ -5,6 +5,7 @@ import { SdPatternType } from '@sd-angular/core/utilities/models';
 import { SdFormGenericSelectionStaticItem } from './form-generic-definition-selection.model';
 import { SdFormGenericExpression } from './form-generic-expression.model';
 import { SdFormGeneric } from './form-generic.model';
+import { SdUnwrapSignal } from '@sd-angular/core/utilities/models';
 export interface SdFormRenderConfiguration {
     onLoaded?: () => void;
     components: SdFormGeneric['components'];
@@ -158,10 +159,10 @@ export interface SdFormGenericGroup {
 export interface SdFormGenericUpload extends SdFormGenericComponentBase {
     type: 'upload';
     properties?: {
-        type?: SdUploadFile['type'];
-        maxSize?: SdUploadFile['maxSize'];
-        max?: SdUploadFile['max'];
-        extensions?: SdUploadFile['extensions'];
+        type?: SdUnwrapSignal<SdUploadFile['type']>;
+        maxSize?: SdUnwrapSignal<SdUploadFile['maxSize']>;
+        max?: SdUnwrapSignal<SdUploadFile['max']>;
+        extensions?: SdUnwrapSignal<SdUploadFile['extensions']>;
         args?: Record<string, any>;
         source?: 'ALL' | 'PHOTO_LIBRARY' | 'CAPTURE';
     } & SdFormGenericComponentBase['properties'];