@sd-angular/core 19.0.0-beta.10 → 19.0.0-beta.101

package/components/document-builder/src/plugins/paste-handler/filters/table.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/filters/table
+ */
+import { type ViewUpcastWriter, type ViewDocumentFragment } from 'ckeditor5';
+/**
+ * Applies border none for table and cells without a border specified.
+ * Normalizes style length units to px.
+ * Handles left block table alignment.
+ *
+ * @internal
+ */
+export declare function transformTables(documentFragment: ViewDocumentFragment, writer: ViewUpcastWriter, hasTablePropertiesPlugin?: boolean, hasExtendedTableBlockAlignment?: boolean): void;

package/components/document-builder/src/plugins/paste-handler/filters/utils.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/filters/utils
+ */
+/**
+ * Normalizes CSS length value to 'px'.
+ *
+ * @internal
+ */
+export declare function convertCssLengthToPx(value: string): string;
+/**
+ * Returns true for value with 'px' unit.
+ *
+ * @internal
+ */
+export declare function isPx(value?: string): value is string;
+/**
+ * Returns a rounded 'px' value.
+ *
+ * @internal
+ */
+export declare function toPx(value: number): string;

package/components/document-builder/src/plugins/paste-handler/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/pastefromoffice
+ */
+import { Plugin, ClipboardPipeline } from 'ckeditor5';
+/**
+ * The Paste from Office plugin.
+ *
+ * This plugin handles content pasted from Office apps and transforms it (if necessary)
+ * to a valid structure which can then be understood by the editor features.
+ *
+ * Transformation is made by a set of predefined {@link module:paste-from-office/normalizer~PasteFromOfficeNormalizer normalizers}.
+ * This plugin includes following normalizers:
+ * * {@link module:paste-from-office/normalizers/mswordnormalizer~PasteFromOfficeMSWordNormalizer Microsoft Word normalizer}
+ * * {@link module:paste-from-office/normalizers/googledocsnormalizer~GoogleDocsNormalizer Google Docs normalizer}
+ *
+ * For more information about this feature check the {@glink api/paste-from-office package page}.
+ */
+export declare class PasteHandler extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "PasteHandler";
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof ClipboardPipeline];
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+}

package/components/document-builder/src/plugins/paste-handler/normalizers/googledocsnormalizer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/normalizers/googledocsnormalizer
+ */
+import { type ViewDocument } from 'ckeditor5';
+import type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../types';
+/**
+ * Normalizer for the content pasted from Google Docs.
+ *
+ * @internal
+ */
+export declare class GoogleDocsNormalizer implements PasteFromOfficeNormalizer {
+    readonly document: ViewDocument;
+    /**
+     * Creates a new `GoogleDocsNormalizer` instance.
+     *
+     * @param document View document.
+     */
+    constructor(document: ViewDocument);
+    /**
+     * @inheritDoc
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * @inheritDoc
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}

package/components/document-builder/src/plugins/paste-handler/normalizers/googlesheetsnormalizer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/normalizers/googlesheetsnormalizer
+ */
+import { type ViewDocument } from 'ckeditor5';
+import type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../types';
+/**
+ * Normalizer for the content pasted from Google Sheets.
+ *
+ * @internal
+ */
+export declare class GoogleSheetsNormalizer implements PasteFromOfficeNormalizer {
+    readonly document: ViewDocument;
+    /**
+     * Creates a new `GoogleSheetsNormalizer` instance.
+     *
+     * @param document View document.
+     */
+    constructor(document: ViewDocument);
+    /**
+     * @inheritDoc
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * @inheritDoc
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}

package/components/document-builder/src/plugins/paste-handler/normalizers/mswordnormalizer.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+import { type ViewDocument } from 'ckeditor5';
+import type { PasteFromOfficeNormalizer, PasteFromOfficeNormalizerData } from '../types';
+/**
+ * Normalizer for the content pasted from Microsoft Word.
+ */
+export declare class PasteFromOfficeMSWordNormalizer implements PasteFromOfficeNormalizer {
+    readonly document: ViewDocument;
+    readonly hasMultiLevelListPlugin: boolean;
+    readonly hasTablePropertiesPlugin: boolean;
+    readonly hasExtendedTableBlockAlignment: boolean;
+    /**
+     * Creates a new `PasteFromOfficeMSWordNormalizer` instance.
+     *
+     * @param document View document.
+     */
+    constructor(document: ViewDocument, hasMultiLevelListPlugin?: boolean, hasTablePropertiesPlugin?: boolean, hasExtendedTableBlockAlignment?: boolean);
+    /**
+     * @inheritDoc
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * @inheritDoc
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}

package/components/document-builder/src/plugins/paste-handler/types.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module paste-from-office/normalizer
+ */
+import type { ClipboardInputTransformationData } from 'ckeditor5';
+import type { PasteOfficeHtmlParseResult } from './filters/parse';
+/**
+ * Interface defining a content transformation pasted from an external editor.
+ *
+ * Normalizers are registered by the {@link module:paste-from-office/pastefromoffice~PasteFromOffice} plugin and run on
+ * {@link module:clipboard/clipboardpipeline~ClipboardPipeline#event:inputTransformation inputTransformation event}.
+ * They detect environment-specific quirks and transform it into a form compatible with other CKEditor features.
+ */
+export interface PasteFromOfficeNormalizer {
+    /**
+     * Must return `true` if the `htmlString` contains content which this normalizer can transform.
+     */
+    isActive(htmlString: string): boolean;
+    /**
+     * Executes the normalization of a given data.
+     */
+    execute(data: PasteFromOfficeNormalizerData): void;
+}
+export interface PasteFromOfficeNormalizerData extends ClipboardInputTransformationData {
+    _isTransformedWithPasteFromOffice?: boolean;
+    _parsedData: PasteOfficeHtmlParseResult;
+}

package/components/document-builder/src/plugins/table-custom/index.d.ts

@@ -0,0 +1,34 @@
+import { Plugin } from 'ckeditor5';
+export declare class TableCustom extends Plugin {
+    init(): void;
+    /**
+     * Parse border style from CSS shorthand (e.g., "1px solid red" or "none")
+     */
+    private _parseBorderStyleFromShorthand;
+    /**
+     * Apply default table width
+     */
+    private _applyTableDefaults;
+    /**
+     * Apply default borders to all cells in a table
+     * Nếu cell đã có border rồi thì bỏ qua
+     */
+    private _applyCellBorders;
+    /**
+     * Setup listener to preserve cell/table styles when model changes
+     */
+    private _setupStylePreservationOnModelChange;
+    /**
+     * Find tables that need border fixes from model changes
+     */
+    private _findTablesNeedingFix;
+    /**
+     * Find parent table element
+     */
+    private _findParentTable;
+    /**
+     * Cleanup listeners when plugin is destroyed
+     * Note: this.listenTo() listeners are automatically cleaned up by super.destroy()
+     */
+    destroy(): void;
+}

package/components/document-builder/src/plugins/variable/variable.plugin.d.ts

@@ -1,6 +1,51 @@
 import { Plugin, Widget } from 'ckeditor5';
+import { SdDocumentBuilderVariable } from '../../document-builder.model';
 export declare class VariablePlugin extends Plugin {
     #private;
+    static get pluginName(): "VariablePlugin";
     static get requires(): (typeof Widget)[];
     init(): void;
+    /**
+     * Lấy tất cả variables trong document.
+     * @returns Danh sách tất cả variables (bao gồm bindingValue nếu đã binding)
+     */
+    all<T = any>(): SdDocumentBuilderVariable<T>[];
+    /**
+     * Scroll tới vị trí của variable theo uuid.
+     * @param uuid - uuid của variable (FE tự sinh sau mỗi lần drop)
+     */
+    scroll(uuid: string): void;
+    /**
+     * Gán giá trị cho TẤT CẢ variable có cùng id trong document.
+     * Nếu value rỗng → tự động gọi clearValue(id).
+     * @param id    - id của variable definition
+     * @param value - giá trị binding cần hiển thị
+     * @returns số instance đã được cập nhật
+     */
+    bindValue(id: string, value: string): number;
+    /**
+     * Xóa binding value của TẤT CẢ variable có cùng id.
+     * @param id - id của variable definition
+     * @returns số instance đã được cập nhật
+     */
+    clearValue(id: string): number;
+    /**
+     * Batch bind nhiều variables theo map { id → value }.
+     * Toàn bộ thực hiện trong 1 model.change() → 1 undo step duy nhất.
+     * @param map - { [id]: boundValue }
+     */
+    bindValues(map: Record<string, string>): void;
+    /**
+     * Batch clear binding của nhiều variables.
+     * @param ids - danh sách id cần clear; nếu không truyền/rỗng → clear TẤT CẢ
+     */
+    clearValues(ids?: string[]): void;
+    /** Xóa toàn bộ binding values trong document. Shorthand của clearValues(). */
+    clearAllValues(): void;
 }
+/**
+ * HTML từ getData() phiên bản cũ có thể chứa block (vd. table) bên trong `span.variable-widget[data-binding="html"]`,
+ * khiến setData/upcast CKEditor lỗi (unexpected-error, null.start). Gọi trước `setData` để giữ chỉ
+ * `data-binding-value` và bỏ các node con.
+ */
+export declare function sanitizeVariableHtmlBoundSerializedHtml(html: string): string;

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,52 @@
+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 dataDisabled: import("@angular/core").Signal<"true" | "false">;
+    readonly dataEmpty: import("@angular/core").Signal<"true" | "false">;
+    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;
+    /**
+     * Xử lý tải lên các file và trả về nội dung dữ liệu cuối cùng.
+     * * @description
+     * - Đối với các file upload chế độ 'deferred' (chỉ xử lý khi submit), cần @ViewChild component và gọi hàm upload() này.
+     * - Hỗ trợ two-way binding.
+     * - Hàm hỗ trợ trả ra data cuối cùng.
+     * * @returns {Promise<string>} Nội dung cuối cùng được trích xuất từ sd-editor.
+     */
+    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,10 @@
+import { EditorConfig } from 'ckeditor5';
+import { I18nService } from '@sd-angular/core/i18n';
+import { SdEditorImageConfig } from './image-upload.plugin.model';
+export interface SdEditorOption {
+    imageConfig?: SdEditorImageConfig;
+    _i18n?: I18nService;
+}
+export type EditorOption = EditorConfig & {
+    getOption?: () => SdEditorOption;
+};

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

@@ -0,0 +1,51 @@
+import { SdEditorUploadFileDetail } from '../configurations';
+export interface SdEditorImageUploadValidation {
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    maxSizeMB?: number;
+    allowedFormats?: string[];
+}
+export interface SdEditorImageConfig {
+    /**
+     * Chế độ tải lên hình ảnh.
+     * 'immediate': Upload ngay khi chọn ảnh.
+     * 'deferred': Lưu tạm ảnh blob, khi submit thì viewChild component sd-editor rồi gọi upload() để tự động map lại src lấy từ uploadFn,
+     * @default 'deferred'
+     */
+    uploadMode?: 'deferred' | 'immediate';
+    /**
+     * Hàm xử lý tải lên file
+     * Nếu thuộc tính này được khai báo, tính năng tải lên hình ảnh trong editor sẽ tự động được kích hoạt.
+     * @param files Danh sách các tệp (File) cần tải lên.
+     * @returns Promise chứa mảng thông tin chi tiết của các tệp sau khi tải lên thành công.
+     */
+    uploadFn?: (files: File[]) => Promise<SdEditorUploadFileDetail[]>;
+    /**
+     * Validation hình ảnh trước khi tiến hành tải lên.
+     */
+    validation?: SdEditorImageUploadValidation;
+    /**
+     * Số lượng luồng tải lên (API calls) tối đa được thực thi đồng thời.
+     * Ví dụ: Nếu có 10 API cần tải lên, hệ thống sẽ đưa vào hàng đợi và xử lý song song dựa trên giới hạn này để tránh nghẽn mạng và rateLimit phía BE.
+     * @default 2
+     */
+    maxConcurrentUploads?: number;
+    /**
+     * Số lượng file được gom nhóm (batch) trong mỗi lần gọi hàm `uploadFn`.
+     * Nếu Backend hỗ trợ multi-file, có thể thiết lập số này lớn hơn để gửi nhiều file trong cùng một payload.
+     * Ví dụ: Nếu chọn 10 file và `batchSize = 5`, hệ thống sẽ chỉ gọi 2 API, mỗi lần gửi 5 file.
+     * * @default 2
+     */
+    batchSize?: number;
+    /**
+     * Số lượng hình ảnh tối đa người dùng được phép chọn trong một lần thao tác.
+     */
+    maxImagesPerSelection?: number;
+    /**
+     * Kích hoạt chế độ tải chậm (lazy load) cho hình ảnh để tối ưu hóa hiệu suất
+     * @default true
+     */
+    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,3 @@
+export declare const countTextLength: (content: string) => number;
+export declare const imageInlineStylesToClasses: (html: string) => string;
+export declare const imageClassesToInlineStyles: (html: string) => string;

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

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

package/components/{workflow → form-generic}/src/components/form-builder/components/attribute-table/attribute-table.component.d.ts

@@ -1,11 +1,11 @@
 import { EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sd-angular/core/components/modal';
-import { ISdWorkflowConfiguration } from '../../../../configurations';
+import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { SdFormGenericComponent, SdFormGenericDefinitionTable, SdFormGenericGroup, SdFormGenericTableColumn, SdFormGenericVariable } from '../../../../models';
 import * as i0 from "@angular/core";
 export declare class AttributeTable {
-    private workflowConfiguration;
+    private formGenericConfiguration;
     modal?: SdModal;
     form: FormGroup<{}>;
     components: (SdFormGenericComponent | SdFormGenericGroup)[];
@@ -22,13 +22,15 @@ export declare class AttributeTable {
     set _columns(columns: SdFormGenericTableColumn[] | undefined | null);
     columnsChange: EventEmitter<SdFormGenericTableColumn[]>;
     column?: SdFormGenericTableColumn;
-    constructor(workflowConfiguration: ISdWorkflowConfiguration);
+    constructor(formGenericConfiguration: ISdFormGenericConfiguration | null);
     onChangeColumnsKey: (value: any) => void;
     addColumn: () => void;
+    readonly columnTypeIcons: Record<string, string>;
+    columnTypeSymbol: (type: string | undefined) => string;
     selectedIdx?: number | undefined;
     editColumn: (idx: number) => void;
     removeColumn: (idx: number) => void;
     onConfirm: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTable, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTable, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeTable, "attribute-table", never, { "components": { "alias": "components"; "required": true; }; "variables": { "alias": "variables"; "required": true; }; "_columnsKey": { "alias": "columnsKey"; "required": true; }; "_columns": { "alias": "columns"; "required": true; }; }, { "columnsKeyChange": "columnsKeyChange"; "columnsChange": "columnsChange"; }, never, never, true, never>;
 }

package/components/{workflow → form-generic}/src/components/form-builder/components/attribute-template/attribute-template.component.d.ts

@@ -1,15 +1,15 @@
 import { EventEmitter } from '@angular/core';
-import { ISdWorkflowConfiguration } from '../../../../configurations';
+import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { SdFormGenericComponent, SdFormGenericTemplate } from '../../../../models';
 import * as i0 from "@angular/core";
 export declare class AttributeTemplate {
-    private workflowConfiguration;
+    private formGenericConfiguration;
     templates: SdFormGenericTemplate[];
     component: SdFormGenericComponent;
     set _component(component: SdFormGenericComponent);
     sdChange: EventEmitter<SdFormGenericComponent>;
-    constructor(workflowConfiguration: ISdWorkflowConfiguration);
+    constructor(formGenericConfiguration: ISdFormGenericConfiguration | null);
     onChange: (value: string | number | null) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTemplate, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AttributeTemplate, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AttributeTemplate, "attribute-template", never, { "_component": { "alias": "component"; "required": true; }; }, { "sdChange": "sdChange"; }, never, never, true, never>;
 }

package/components/{workflow → form-generic}/src/components/form-builder/components/configure-validation/configure-validation.component.d.ts

@@ -1,14 +1,14 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { SdModal } from '@sd-angular/core/components/modal';
-import { ISdWorkflowConfiguration } from '../../../../configurations';
+import { ISdFormGenericConfiguration } from '../../../../configurations';
 import { Attribute } from '../../../../models';
 import { SdFormGenericValidation, SdFormGenericValidationFunction } from '../../../../models/form-generic-validation.model';
 import { SdFormGeneric } from '../../../../models/form-generic.model';
 import * as i0 from "@angular/core";
 export declare class ConfigureValidationComponent {
     private ref;
-    private workflowConfiguration;
+    private formGenericConfiguration;
     modal?: SdModal;
     form: FormGroup<{}>;
     attributes: Attribute[];
@@ -19,13 +19,13 @@ export declare class ConfigureValidationComponent {
         display: string;
     }[];
     accept: EventEmitter<SdFormGenericValidation[]>;
-    constructor(ref: ChangeDetectorRef, workflowConfiguration: ISdWorkflowConfiguration);
+    constructor(ref: ChangeDetectorRef, formGenericConfiguration: ISdFormGenericConfiguration | null);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     open: (formGeneric: SdFormGeneric) => void;
     addValidation: (type: SdFormGenericValidation["type"]) => void;
     removaValidation: (index: number) => void;
     updateValidations: () => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigureValidationComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfigureValidationComponent, [null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ConfigureValidationComponent, "configure-validation", never, {}, { "accept": "accept"; }, never, never, true, never>;
 }

package/components/{workflow → form-generic}/src/components/form-builder/components/expression-builder/expression-builder.component.d.ts

@@ -8,7 +8,7 @@ export declare class ExpressionBuilderComponent {
     modal?: SdModal;
     form: FormGroup<{}>;
     attributeOperators: Record<"string" | "number" | "boolean" | "datetime" | "values", {
-        value: import("@sd-angular/core/components/workflow").Operator;
+        value: import("@sd-angular/core/components/form-generic").Operator;
         symbol?: string;
         display: string;
     }[]>;

package/components/form-generic/src/components/form-builder/components/group/attribute/group-attribute.component.d.ts

@@ -0,0 +1,23 @@
+import { FormGroup } from '@angular/forms';
+import { SdFormGenericComponent, SdFormGenericGroup } from '../../../../../models';
+import * as i0 from "@angular/core";
+declare const COLOR_PRESETS: readonly ["primary", "secondary", "success", "warning", "error"];
+export declare class GroupAttribute {
+    #private;
+    readonly iconPresets: readonly ["category", "folder", "inventory_2", "group_work", "workspaces", "view_quilt"];
+    readonly colorPresets: readonly ["primary", "secondary", "success", "warning", "error"];
+    readonly componentIcons: Record<string, {
+        symbol: string;
+        label: string;
+    }>;
+    form: FormGroup<{}>;
+    /** Required group reference. Mutated in place khi user pick icon/color/expression. */
+    readonly group: import("@angular/core").InputSignal<SdFormGenericGroup>;
+    constructor();
+    pickIcon: (icon: string) => void;
+    pickColor: (color: (typeof COLOR_PRESETS)[number]) => void;
+    symbolForChild: (c: SdFormGenericComponent) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GroupAttribute, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupAttribute, "group-attribute", never, { "group": { "alias": "group"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/form-generic/src/components/form-builder/components/group/index.d.ts

@@ -0,0 +1 @@
+export * from './attribute/group-attribute.component';

package/components/{workflow → form-generic}/src/components/form-builder/components/index.d.ts

@@ -10,3 +10,4 @@ export * from './checkbox';
 export * from './html';
 export * from './upload';
 export * from './table';
+export * from './group';

package/components/{workflow → form-generic}/src/components/form-builder/components/table/control/table-control.component.d.ts

@@ -11,6 +11,9 @@ export declare class TableControl {
     constructor(ref: ChangeDetectorRef, builderService: BuilderService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
+    columnIcon: (type: string) => "image" | "text_fields" | "123" | "calendar_month" | "radio_button_checked" | "check_box" | "attach_file";
+    sampleRows: () => number[];
+    cellPreview: (column: any, rowIndex: number) => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TableControl, "table-control", never, { "_component": { "alias": "component"; "required": true; }; }, {}, never, never, true, never>;
 }