@sd-angular/core 19.0.0-beta.62 → 19.0.0-beta.64

package/components/section/index.d.ts

@@ -1 +1,2 @@
 export * from './src/section.component';
+export * from './src/section-item/section-item.component';

package/components/section/src/section-item/section-item.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class SdSectionItem {
+    label: import("@angular/core").InputSignal<string>;
+    labelWidth: import("@angular/core").InputSignalWithTransform<string, string | null | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdSectionItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSectionItem, "sd-section-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -2,7 +2,7 @@ import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
 import { SdColor } from '@sd-angular/core/utilities';
 import * as i0 from "@angular/core";
 export declare class SdSection extends SdBaseSecureComponent {
-    private el;
+    #private;
     title: import("@angular/core").InputSignal<string | null>;
     subTitle: import("@angular/core").InputSignal<string>;
     icon: import("@angular/core").InputSignal<string | null>;
@@ -10,8 +10,9 @@ export declare class SdSection extends SdBaseSecureComponent {
     collapsed: import("@angular/core").ModelSignal<boolean>;
     collapsable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hideHeader: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    noPaddingBody: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     constructor();
     toggleCollapse: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdSection, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdSection, "sd-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subTitle": { "alias": "subTitle"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "collapsable": { "alias": "collapsable"; "required": false; "isSignal": true; }; "hideHeader": { "alias": "hideHeader"; "required": false; "isSignal": true; }; "noPaddingBody": { "alias": "noPaddingBody"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["[sdHeaderLeft]", "[sdHeaderRight]", "*"], true, never>;
 }

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

@@ -376,6 +376,15 @@ class VariablePlugin extends Plugin {
         const schema = editor.model.schema;
         const conversion = editor.conversion;
         const editingView = editor.editing.view;
+        // Cờ đánh dấu đang trong quá trình xử lý paste
+        let isPasting = false;
+        this.listenTo(editingView.document, 'clipboardInput', () => {
+            isPasting = true;
+            // Reset cờ sau khi quá trình paste (ngay trong cùng event loop/tick) hoàn tất
+            setTimeout(() => {
+                isPasting = false;
+            }, 0);
+        }, { priority: 'highest' });
         // 1. Định nghĩa Schema (Model)
         schema.register('variable', {
             inheritAllFrom: '$inlineObject',
@@ -397,7 +406,6 @@ class VariablePlugin extends Plugin {
                 const widgetElement = viewWriter.createContainerElement('span', {
                     class: 'variable-widget',
                     'data-id': id,
-                    'data-uuid': uuid,
                     'data-value': value,
                     'data-display': display,
                     'data-binding': 'false', // Luôn bắt đầu unbound — binding chỉ set qua bindValue()
@@ -439,7 +447,6 @@ class VariablePlugin extends Plugin {
                 classes: 'variable-widget ck-widget',
                 attributes: {
                     'data-id': true,
-                    'data-uuid': true,
                     'data-value': true,
                     'data-display': true,
                     contenteditable: true,
@@ -459,7 +466,8 @@ class VariablePlugin extends Plugin {
                 }
                 return modelWriter.createElement('variable', {
                     id: viewElement.getAttribute('data-id'),
-                    uuid: viewElement.getAttribute('data-uuid'),
+                    // Fix trùng uuid: Nếu đang paste, TẠO MỚI uuid thay vì dùng uuid cũ từ HTML
+                    uuid: isPasting ? v4() : (viewElement.getAttribute('data-uuid') ?? v4()),
                     value: viewElement.getAttribute('data-value'),
                     display: viewElement.getAttribute('data-display'),
                     ...(bindingValue ? { bindingValue } : {}),
@@ -669,7 +677,8 @@ class VariablePlugin extends Plugin {
         this.listenTo(editor.editing.view.document, 'clipboardInput', async (evt, data) => {
             const dataTransfer = data.dataTransfer;
             // Nếu có HTML chứa variable-widget thì để CKEditor xử lý (upcast converter)
-            const html = dataTransfer.getData('text/html');
+            // Việc chống trùng uuid (regenerate) đã được xử lý ở upcast converter dựa vào biến isPasting
+            let html = dataTransfer.getData('text/html');
             if (html && html.includes('variable-widget')) {
                 return;
             }
@@ -761,7 +770,7 @@ class VariablePlugin extends Plugin {
                     else if (fragment.type === 'variable' && fragment.variable) {
                         const variableElem = writer.createElement('variable', {
                             id: fragment.variable.id,
-                            uuid: fragment.variable.uuid ?? v4(),
+                            uuid: v4(),
                             value: fragment.variable.value,
                             display: fragment.variable.display,
                         });
@@ -772,7 +781,7 @@ class VariablePlugin extends Plugin {
                 // Đặt con trỏ sau nội dung vừa paste
                 writer.setSelection(currentPosition);
             });
-        });
+        }, { priority: 'high' });
     }
     #isSdDocumentBuilderVariableResult = (obj) => {
         return (obj !== null &&