From 73d29179437d155a099c20b3238d4bcfa7ceb227 Mon Sep 17 00:00:00 2001
From: splincode <omaxphp@yandex.ru>
Date: Thu, 4 Jul 2024 15:23:42 +0300
Subject: [PATCH] fix: do not rewrite previous styles on table cell

---
 .../demo/src/app/pages/starter/index.html     | 23 +++++++++++++------
 projects/demo/src/app/pages/starter/index.ts  |  8 +++----
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/projects/demo/src/app/pages/starter/index.html b/projects/demo/src/app/pages/starter/index.html
index a3e89017e..d551c875c 100644
--- a/projects/demo/src/app/pages/starter/index.html
+++ b/projects/demo/src/app/pages/starter/index.html
@@ -16,16 +16,25 @@
                 Start typing
             </tui-editor>
 
-            <h4>HTML:</h4>
-            <tui-editor-socket
-                class="tui-example"
-                [content]="control.value || ''"
-            />
+            <ng-container *ngIf="preview">
+                <h4>HTML:</h4>
+                <tui-editor-socket
+                    class="tui-example"
+                    [content]="control.value || ''"
+                />
 
-            <h4>Text:</h4>
-            <p>{{ control.value }}</p>
+                <h4>Text:</h4>
+                <p>{{ control.value }}</p>
+            </ng-container>
         </tui-doc-demo>
         <tui-doc-documentation>
+            <ng-template
+                documentationPropertyName="Show preview"
+                documentationPropertyType="boolean"
+                [(documentationPropertyValue)]="preview"
+            >
+                Just demo
+            </ng-template>
             <ng-template
                 documentationPropertyName="disabled"
                 documentationPropertyType="boolean"
diff --git a/projects/demo/src/app/pages/starter/index.ts b/projects/demo/src/app/pages/starter/index.ts
index d88254fd6..fc3adfcee 100644
--- a/projects/demo/src/app/pages/starter/index.ts
+++ b/projects/demo/src/app/pages/starter/index.ts
@@ -1,3 +1,4 @@
+import {NgIf} from '@angular/common';
 import {ChangeDetectionStrategy, Component, inject} from '@angular/core';
 import {FormControl, ReactiveFormsModule} from '@angular/forms';
 import {TuiAddonDoc} from '@taiga-ui/addon-doc';
@@ -22,6 +23,7 @@ import {
         TuiEditorSocket,
         TuiEditor,
         TuiLink,
+        NgIf,
     ],
     templateUrl: './index.html',
     styleUrls: ['./index.less'],
@@ -62,11 +64,6 @@ export default class TuiEditorStarter {
     protected exampleText = '';
     protected minHeight: number | null = null;
     protected maxHeight: number | null = null;
-    protected readOnly = false;
-    protected focusable = true;
-    protected pseudoInvalid: boolean | null = null;
-    protected pseudoFocused: boolean | null = null;
-    protected pseudoHovered: boolean | null = null;
 
     protected readonly toolsVariants: readonly TuiEditorTool[][] = [
         TUI_EDITOR_DEFAULT_TOOLS,
@@ -80,6 +77,7 @@ export default class TuiEditorStarter {
 
     protected tools = this.toolsVariants[0];
     protected floating = false;
+    protected preview = true;
 
     protected get disabled(): boolean {
         return this.control.disabled;