ng-blatui 1.32.0 → 1.32.2

package/fesm2022/ng-blatui.mjs

@@ -19463,9 +19463,16 @@ class BuiRichTextEditor {
     }
     sync() {
         const element = this.editor()?.nativeElement;
-        if (element) {
-            this.value.set(element.innerHTML);
+        if (!element) {
+            return;
+        }
+        // Browsers leave residual markup (e.g. `<p><br></p>`) after the user clears
+        // all text, which keeps `:empty` from matching so the placeholder never
+        // reappears. Normalise truly-empty content so the placeholder can show again.
+        if (element.textContent === '' && !element.querySelector('img, hr')) {
+            element.innerHTML = '';
         }
+        this.value.set(element.innerHTML);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: BuiRichTextEditor, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: BuiRichTextEditor, isStandalone: true, selector: "bui-rich-text-editor", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, formattingLabel: { classPropertyName: "formattingLabel", publicName: "formattingLabel", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "data-slot": "rich-text-editor" }, properties: { "class": "computedClass()" } }, viewQueries: [{ propertyName: "editor", first: true, predicate: ["editor"], descendants: true, isSignal: true }], ngImport: i0, template: `
@@ -19494,7 +19501,7 @@ class BuiRichTextEditor {
       [attr.aria-label]="ariaLabel()"
       [attr.data-placeholder]="placeholder()"
       contenteditable="true"
-      class="min-h-32 p-3 text-sm text-foreground text-muted-foreground/60 outline-none empty:before:content-[attr(data-placeholder)]"
+      class="min-h-32 p-3 text-sm text-foreground outline-none empty:before:text-muted-foreground/60 empty:before:content-[attr(data-placeholder)] [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-6 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-6"
       (input)="sync()"
     ></div>
   `, isInline: true });
@@ -19530,7 +19537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
       [attr.aria-label]="ariaLabel()"
       [attr.data-placeholder]="placeholder()"
       contenteditable="true"
-      class="min-h-32 p-3 text-sm text-foreground text-muted-foreground/60 outline-none empty:before:content-[attr(data-placeholder)]"
+      class="min-h-32 p-3 text-sm text-foreground outline-none empty:before:text-muted-foreground/60 empty:before:content-[attr(data-placeholder)] [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-6 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-6"
       (input)="sync()"
     ></div>
   `,