@sd-angular/core 19.0.0-beta.80 → 19.0.0-beta.81

package/components/document-builder/src/document-builder.component.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { ClassicEditor, ModelRange } from 'ckeditor5';
 import { VariablePlugin, CkCommentPlugin } from './plugins';
-import { SdDocumentBuilderHeading, SdDocumentBuilderOption, SdEditorConfig } from './document-builder.model';
+import { DocumentBuilderOption, SdDocumentBuilderHeading, SdDocumentBuilderOption } from './document-builder.model';
 import * as i0 from "@angular/core";
 export declare class SdDocumentBuilder {
     #private;
@@ -10,7 +10,7 @@ export declare class SdDocumentBuilder {
     set _disabled(val: boolean | '' | undefined | null);
     contentChange: EventEmitter<string>;
     Editor: typeof ClassicEditor;
-    config: SdEditorConfig;
+    config: DocumentBuilderOption;
     ngOnInit(): void;
     ngOnDestroy(): void;
     onReady(editor: ClassicEditor): void;

package/components/document-builder/src/document-builder.model.d.ts

@@ -1,6 +1,6 @@
 import { EditorConfig, EventInfo, ModelDocumentSelection, ViewDataTransfer } from 'ckeditor5';
 import { CkCommentConfig } from './plugins/ck-comment/ck-comment.plugin.model';
-export type SdEditorConfig = EditorConfig & {
+export type DocumentBuilderOption = EditorConfig & {
     getOption?: () => SdDocumentBuilderOption;
 };
 export interface SdDocumentBuilderOption {

package/components/editor/index.d.ts

@@ -0,0 +1,3 @@
+export * from './src/configurations';
+export * from './src/models';
+export * from './src/editor.component';

package/components/editor/src/configurations/editor.configuration.d.ts

@@ -0,0 +1,12 @@
+import { InjectionToken } from '@angular/core';
+export interface SdEditorUploadFileDetail {
+    idOrKey: string;
+    cdn: string;
+    name?: string;
+}
+export type SdEditorUploadFileFuncUpload = (files: File[]) => Promise<SdEditorUploadFileDetail[]>;
+export interface ISdEditorConfiguration {
+    key?: string;
+    upload: SdEditorUploadFileFuncUpload;
+}
+export declare const SD_EDITOR_CONFIGURATION: InjectionToken<ISdEditorConfiguration>;

package/components/editor/src/configurations/index.d.ts

@@ -0,0 +1 @@
+export * from './editor.configuration';

package/components/editor/src/editor.component.d.ts

@@ -0,0 +1,42 @@
+import { FormGroup } from '@angular/forms';
+import { ClassicEditor } from 'ckeditor5';
+import { EditorOption, SdEditorOption } from './models';
+import { SdCustomValidator, SdFormControl } from '@sd-angular/core/forms/models';
+import * as i0 from "@angular/core";
+export declare class SdEditor {
+    #private;
+    readonly option: import("@angular/core").InputSignal<SdEditorOption>;
+    readonly height: import("@angular/core").InputSignal<string>;
+    readonly maxHeight: import("@angular/core").InputSignal<string>;
+    readonly maxlength: import("@angular/core").InputSignal<number | undefined>;
+    readonly label: import("@angular/core").InputSignal<string | undefined>;
+    readonly helperText: import("@angular/core").InputSignal<string | undefined>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly hideInlineError: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly inlineError: import("@angular/core").InputSignal<string | undefined>;
+    readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+    readonly validator: import("@angular/core").InputSignal<SdCustomValidator | undefined>;
+    readonly form: import("@angular/core").InputSignalWithTransform<FormGroup<any> | undefined, any>;
+    readonly key: import("@angular/core").InputSignal<string | undefined>;
+    readonly autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    readonly autoId: import("@angular/core").Signal<string | undefined>;
+    readonly name: import("@angular/core").InputSignal<string>;
+    readonly valueModel: import("@angular/core").ModelSignal<string>;
+    readonly sdChange: import("@angular/core").OutputEmitterRef<string>;
+    readonly sdBlur: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly sdFocus: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly _textLength: import("@angular/core").WritableSignal<number>;
+    readonly formControl: SdFormControl;
+    readonly isOverLimit: import("@angular/core").Signal<boolean>;
+    get errorMessage(): string | undefined;
+    readonly Editor: typeof ClassicEditor;
+    readonly editorConfig: import("@angular/core").Signal<EditorOption>;
+    constructor();
+    onReady: (editor: ClassicEditor) => void;
+    focusEditor: () => void | undefined;
+    upload: () => Promise<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdEditor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdEditor, "sd-editor", never, { "option": { "alias": "option"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "hideInlineError": { "alias": "hideInlineError"; "required": false; "isSignal": true; }; "inlineError": { "alias": "inlineError"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "validator": { "alias": "validator"; "required": false; "isSignal": true; }; "form": { "alias": "form"; "required": false; "isSignal": true; }; "key": { "alias": "key"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "valueModel": { "alias": "model"; "required": false; "isSignal": true; }; }, { "valueModel": "modelChange"; "sdChange": "sdChange"; "sdBlur": "sdBlur"; "sdFocus": "sdFocus"; }, never, never, true, never>;
+}

package/components/editor/src/models/editor.model.d.ts

@@ -0,0 +1,8 @@
+import { EditorConfig } from 'ckeditor5';
+import { SdEditorImageConfig } from './image-upload.plugin.model';
+export interface SdEditorOption {
+    imageConfig?: SdEditorImageConfig;
+}
+export type EditorOption = EditorConfig & {
+    getOption?: () => SdEditorOption;
+};

package/components/editor/src/models/image-upload.plugin.model.d.ts

@@ -0,0 +1,20 @@
+import { SdEditorUploadFileDetail } from '../configurations';
+export interface SdEditorImageUploadValidation {
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    maxSizeMB?: number;
+    allowedFormats?: string[];
+}
+export interface SdEditorImageConfig {
+    /** 'immediate': upload ngay khi chọn ảnh.
+     ** 'deferred': lưu tạm, upload thì viewChild component rồi gọi upload() */
+    uploadMode?: 'immediate' | 'deferred';
+    uploadFn?: (files: File[]) => Promise<SdEditorUploadFileDetail[]>;
+    validation?: SdEditorImageUploadValidation;
+    maxConcurrentUploads?: number;
+    batchSize?: number;
+    maxImagesPerSelection?: number;
+    lazyLoad?: boolean;
+}

package/components/editor/src/models/index.d.ts

@@ -0,0 +1,2 @@
+export * from './editor.model';
+export * from './image-upload.plugin.model';

package/components/editor/src/plugins/image-upload/image-upload.plugin.d.ts

@@ -0,0 +1,22 @@
+import { FileRepository, Image, ImageResize, ImageStyle, ImageToolbar, ImageUpload, Plugin } from 'ckeditor5';
+declare class UploadQueue {
+    #private;
+    readonly maxConcurrent: number;
+    constructor(maxConcurrent: number);
+    run<T>(task: () => Promise<T>): Promise<T>;
+}
+export declare class EditorImageUploadPlugin extends Plugin {
+    #private;
+    pendingFiles: Map<string, File>;
+    uploadQueue: UploadQueue;
+    setMeta(cdnUrl: string, meta: {
+        name?: string;
+        idOrKey?: string;
+        lazyLoad: boolean;
+    }): void;
+    static get pluginName(): "EditorImageUploadPlugin";
+    static get requires(): readonly [typeof FileRepository, typeof Image, typeof ImageResize, typeof ImageUpload, typeof ImageStyle, typeof ImageToolbar];
+    init(): void;
+    destroy(): void;
+}
+export {};

package/components/editor/src/plugins/image-upload/utils/batch.utils.d.ts

@@ -0,0 +1,14 @@
+import { ClassicEditor } from 'ckeditor5';
+import { SdEditorOption } from '../../../models';
+import { SdEditorUploadFileDetail, SdEditorUploadFileFuncUpload } from '../../../configurations';
+export declare const getBatchConfig: (option: SdEditorOption) => {
+    batchSize: number;
+    maxConcurrent: number;
+};
+export declare const getActiveBlobUrls: (editor: ClassicEditor) => Set<string>;
+export declare const filterActivePendingFiles: (pendingFiles: Map<string, File>, activeBlobUrls: Set<string>) => Array<[string, File]>;
+export declare const runBatchUploads: (toUpload: Array<[string, File]>, uploadFn: SdEditorUploadFileFuncUpload, batchSize: number, maxConcurrent: number) => Promise<{
+    replacements: Map<string, SdEditorUploadFileDetail>;
+    failedBatches: Array<[string, File][]>;
+}>;
+export declare const applyReplacementsToEditor: (editor: ClassicEditor, replacements: Map<string, SdEditorUploadFileDetail>) => void;

package/components/editor/src/plugins/image-upload/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './validate.utils';
+export * from './batch.utils';
+export * from './style.utils';

package/components/editor/src/plugins/image-upload/utils/style.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const countTextLength: (content: string) => number;
+export declare const imageClassesToInlineStyles: (html: string) => string;

package/components/editor/src/plugins/image-upload/utils/validate.utils.d.ts

@@ -0,0 +1,3 @@
+import { FileLoader } from 'ckeditor5';
+import { SdEditorImageUploadValidation } from '../../../models';
+export declare const validateAndGetFile: (loader: FileLoader, validation?: SdEditorImageUploadValidation, onWarning?: (message: string) => void) => Promise<File>;

package/components/index.d.ts

@@ -18,3 +18,4 @@ export * from '@sd-angular/core/components/mini-editor';
 export * from '@sd-angular/core/components/view';
 export * from '@sd-angular/core/components/code-editor';
 export * from '@sd-angular/core/components/chart';
+export * from '@sd-angular/core/components/editor';

package/fesm2022/sd-angular-core-components-document-builder.mjs

@@ -4353,7 +4353,6 @@ class SdDocumentBuilder {
         getOption: () => this.option,
         licenseKey: 'GPL', // Hoặc key thương mại nếu có
         plugins: [
-            // GeneralHtmlSupport,
             FontSize,
             FontColor,
             FontFamily,