slate-angular 14.1.1 → 14.1.3

package/fesm2020/slate-angular.mjs

@@ -4,7 +4,6 @@ import * as i0 from '@angular/core';
 import { TemplateRef, Component, ChangeDetectionStrategy, ViewChild, Directive, Input, HostBinding, ViewChildren, InjectionToken, Inject, forwardRef, ElementRef, NgModule } from '@angular/core';
 import getDirection from 'direction';
 import { Subject } from 'rxjs';
-import Debug from 'debug';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { HistoryEditor } from 'slate-history';
 import * as i1 from '@angular/common';
@@ -261,7 +260,7 @@ const IS_SAFARI = typeof navigator !== 'undefined' &&
     /Version\/[\d\.]+.*Safari/.test(navigator.userAgent);
 // "modern" Edge was released at 79.x
 const IS_EDGE_LEGACY = typeof navigator !== 'undefined' &&
-    /Edge?\/(?:[0-6][0-9]|[0-7][0-8])/i.test(navigator.userAgent);
+    /Edge?\/(?:[0-6][0-9]|[0-7][0-8])(?:\.)/i.test(navigator.userAgent);
 const IS_CHROME = typeof navigator !== 'undefined' && /Chrome/i.test(navigator.userAgent);
 // Native beforeInput events don't work well with react on Chrome 75 and older, Chrome 76+ can use beforeInput
 const IS_CHROME_LEGACY = typeof navigator !== 'undefined' &&
@@ -270,7 +269,7 @@ const IS_CHROME_LEGACY = typeof navigator !== 'undefined' &&
     !/Chrome?\/(?:\d{3,})/i.test(navigator.userAgent);
 // Firefox did not support `beforeInput` until `v87`.
 const IS_FIREFOX_LEGACY = typeof navigator !== 'undefined' &&
-    /^(?!.*Seamonkey)(?=.*Firefox\/(?:[0-7][0-9]|[0-8][0-6])).*/i.test(navigator.userAgent);
+    /^(?!.*Seamonkey)(?=.*Firefox\/(?:[0-7][0-9]|[0-8][0-6])(?:\.)).*/i.test(navigator.userAgent);
 // qq browser
 const IS_QQBROWSER = typeof navigator !== 'undefined' && /.*QQBrowser/.test(navigator.userAgent);
 // UC mobile browser
@@ -1839,18 +1838,28 @@ class BaseLeafComponent extends BaseComponent {
         // Issue occurs when the span node of the placeholder is before the slateString span node
         if (this.context.leaf['placeholder']) {
             if (!this.placeholderElement) {
-                this.placeholderElement = document.createElement('span');
-                this.placeholderElement.innerText = this.context.leaf['placeholder'];
-                this.placeholderElement.contentEditable = 'false';
-                this.placeholderElement.setAttribute('data-slate-placeholder', 'true');
-                this.nativeElement.classList.add('leaf-with-placeholder');
-                this.nativeElement.appendChild(this.placeholderElement);
+                this.createPlaceholder();
             }
+            this.updatePlaceholder();
         }
         else {
             this.destroyPlaceholder();
         }
     }
+    createPlaceholder() {
+        const placeholderElement = document.createElement('span');
+        placeholderElement.innerText = this.context.leaf['placeholder'];
+        placeholderElement.contentEditable = 'false';
+        placeholderElement.setAttribute('data-slate-placeholder', 'true');
+        this.placeholderElement = placeholderElement;
+        this.nativeElement.classList.add('leaf-with-placeholder');
+        this.nativeElement.appendChild(placeholderElement);
+    }
+    updatePlaceholder() {
+        if (this.placeholderElement.innerText !== this.context.leaf['placeholder']) {
+            this.placeholderElement.innerText = this.context.leaf['placeholder'];
+        }
+    }
     destroyPlaceholder() {
         if (this.placeholderElement) {
             this.placeholderElement.remove();
@@ -2520,7 +2529,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
                 args: [SlateDescendantComponent, { read: SlateDescendantComponent }]
             }] } });
 
-const timeDebug = Debug('slate-angular-time');
 // not correctly clipboardData on beforeinput
 const forceOnDOMPaste = IS_SAFARI;
 class SlateEditableComponent {
@@ -2587,6 +2595,10 @@ class SlateEditableComponent {
         if (decorateChange) {
             this.forceFlush();
         }
+        const placeholderChange = simpleChanges['placeholder'];
+        if (placeholderChange) {
+            this.detectContext();
+        }
         const readonlyChange = simpleChanges['readonly'];
         if (readonlyChange) {
             IS_READONLY.set(this.editor, this.readonly);
@@ -2721,13 +2733,10 @@ class SlateEditableComponent {
         this.onChangeCallback(this.editor.children);
     }
     ngAfterViewChecked() {
-        timeDebug('editable ngAfterViewChecked');
     }
     ngDoCheck() {
-        timeDebug('editable ngDoCheck');
     }
     forceFlush() {
-        timeDebug('start data sync');
         this.detectContext();
         this.cdr.detectChanges();
         // repair collaborative editing when Chinese input is interrupted by other users' cursors
@@ -2764,7 +2773,6 @@ class SlateEditableComponent {
             }, 0);
         }
         this.toNativeSelection();
-        timeDebug('end data sync');
     }
     initializeContext() {
         this.context = {