el-text-editor 0.0.83 → 0.0.85

package/fesm2020/el-text-editor.mjs

@@ -34,7 +34,8 @@ class ElTextEditorComponent {
         this.sanitizer = sanitizer;
         this.editorText = '';
         this.toolbarMode = 'fixed';
-        this.contentEditable = true;
+        this.contentEditable = true; // Input for initial value
+        this.contentEditableChange = new EventEmitter(); // Output for changes
         this.editorTextChange = new EventEmitter();
         this.editorActionResponse = new EventEmitter();
         this.editorTextClear = new EventEmitter();
@@ -355,7 +356,7 @@ class ElTextEditorComponent {
         const isAdmin = roles.includes('Admin');
         const isCreator = roles.includes('Creator');
         if (isCreator || isAdmin) {
-            if (editor) {
+            if (editor && this.contentEditable) {
                 editor.addEventListener('click', (event) => {
                     const target = event.target;
                     if (target.tagName === 'IMG') {
@@ -1682,7 +1683,7 @@ class ElTextEditorComponent {
     }
 }
 ElTextEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ElTextEditorComponent, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }, { token: i0.Renderer2 }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-ElTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ElTextEditorComponent, selector: "text-editor", inputs: { editorText: "editorText", editorFrom: "editorFrom", editorAction: "editorAction", UserRole: "UserRole", style: "style", disableToolbar: "disableToolbar", placeHolder: "placeHolder", reportId: "reportId", backgroundImage: "backgroundImage", toolbarMode: "toolbarMode", contentEditable: "contentEditable", value: "value" }, outputs: { editorTextChange: "editorTextChange", editorActionResponse: "editorActionResponse", editorTextClear: "editorTextClear", imageEdit: "imageEdit", imageEdit2: "imageEdit2", placeHolderRemove: "placeHolderRemove", isOpen: "isOpen", newImageAdded: "newImageAdded" }, providers: [{
+ElTextEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ElTextEditorComponent, selector: "text-editor", inputs: { editorText: "editorText", editorFrom: "editorFrom", editorAction: "editorAction", UserRole: "UserRole", style: "style", disableToolbar: "disableToolbar", placeHolder: "placeHolder", reportId: "reportId", backgroundImage: "backgroundImage", toolbarMode: "toolbarMode", contentEditable: "contentEditable", value: "value" }, outputs: { contentEditableChange: "contentEditableChange", editorTextChange: "editorTextChange", editorActionResponse: "editorActionResponse", editorTextClear: "editorTextClear", imageEdit: "imageEdit", imageEdit2: "imageEdit2", placeHolderRemove: "placeHolderRemove", isOpen: "isOpen", newImageAdded: "newImageAdded" }, providers: [{
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => ElTextEditorComponent),
             multi: true
@@ -1716,6 +1717,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
                 type: Input
             }], contentEditable: [{
                 type: Input
+            }], contentEditableChange: [{
+                type: Output
             }], editorTextChange: [{
                 type: Output
             }], editorActionResponse: [{